.visually-hidden:not(:focus):not(:active),
input[type="checkbox"].visually-hidden,
input[type="radio"].visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden; }

/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: url(/build/916a131b6bd7349fae79a68d32dcf726.woff2) format("woff2"); }

@font-face {
  font-family: "Montserrat";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url(/build/6ef75aa3d31900d5526ef77fe56fab11.woff2) format("woff2"), url(/build/c37ba0f7ed228b62041cd831c3a3a476.woff) format("woff"); }

@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(/build/298b48e6dfdf7ec4ef8907ff8a7182b1.woff2) format("woff2"), url(/build/b3e1c2f055c2c905173fa58205cd6ddd.woff) format("woff"); }

@font-face {
  font-family: "Montserrat";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url(/build/67b4a56c5d3c35db36c3c7482886f7f2.woff2) format("woff2"), url(/build/fc3fe01e2f69075d2eb3de0728cef839.woff) format("woff"); }

@font-face {
  font-family: "Montserrat";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(/build/cc01ffb3460a9040eb8e57b114e954cb.woff2) format("woff2"), url(/build/dda8fc164a6a04a69538d3287a3d05e7.woff) format("woff"); }

@font-face {
  font-family: "Montserrat";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url(/build/bfdfc1b030afe28ea4e0eb485b93b42c.woff2) format("woff2"), url(/build/180cbc975448901234b7ff1d8b939b0d.woff) format("woff"); }

@font-face {
  font-family: "Montserrat";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url(/build/dc640534a09cb5ca71061306e4a7160f.woff2) format("woff2"), url(/build/65bb58dd349103bddf23b1e9053aa0f7.woff) format("woff"); }

/* latin */
@font-face {
  font-family: "Montserrat";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url(/build/7c3daf12b706645b5d3710f863a4da04.woff2) format("woff2"); }

@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(/build/bc3aa95dca08f5fee5291e34959c27bc.woff2) format("woff2"); }

@font-face {
  font-family: "Montserrat";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url(/build/6fb1b5623e528e27c18658fecf5ee0ee.woff2) format("woff2"); }

@font-face {
  font-family: "Montserrat";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(/build/39d93cf678c740f9f6b2b1cfde34bee3.woff2) format("woff2"); }

@font-face {
  font-family: "Montserrat";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url(/build/b7018be9ed6cd94da8b6675b3a468c3b.woff2) format("woff2"); }

@font-face {
  font-family: "Montserrat";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url(/build/58cd789700850375b834e8b6776002eb.woff2) format("woff2"); }

.popup-animated {
  height: 100vh;
  width: 100vw;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0px; }
  .popup-animated__backdrop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
    -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px);
    background-color: rgba(0, 16, 35, 0.7);
    padding-top: 40px; }
  .popup-animated__close {
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-image: url(/build/d8742ac03a48ac37e2e0df6dfc8b3cea.svg);
    background-size: cover;
    position: absolute;
    top: 14px;
    right: 14px;
    cursor: pointer; }
    .popup-animated__close:hover {
      opacity: 0.5; }
  .popup-animated__mobile-wrapper--hidden {
    display: none; }
  .popup-animated__btn-wrapper-mob--hidden {
    display: none; }
  .popup-animated__btn-wrapper-mob .popup-animated__btn-mob {
    text-transform: none;
    background-color: #fff;
    color: #6039aa;
    font-size: 16px;
    line-height: 20px;
    margin-top: 14px; }
  .popup-animated__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .popup-animated__title {
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 10px;
    max-width: 280px; }
  .popup-animated__text {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 10px;
    max-width: 280px; }
  .popup-animated__timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px; }
  .popup-animated__timer-count {
    color: #fbbb2b;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: center; }
  .popup-animated__timer-text {
    color: rgba(255, 255, 255, 0.5);
    font-size: 8px;
    line-height: 22px;
    letter-spacing: .8px;
    text-align: center;
    text-transform: uppercase; }
  .popup-animated__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 9px 0 32px;
    height: 56px;
    width: 100%;
    max-width: 450px;
    border-radius: 28px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 20px 0 rgba(72, 1, 255, 0.12);
            box-shadow: 0 4px 20px 0 rgba(72, 1, 255, 0.12);
    margin-bottom: 0;
    position: relative; }
  .popup-animated__form-text {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    max-width: 280px; }
  .popup-animated__form-wrapper {
    min-width: 256px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .popup-animated__input {
    font-size: 14px;
    line-height: 22px;
    color: #000;
    min-width: 80%;
    border: none;
    -webkit-box-shadow: inset 0 0 0 50px #fff; }
    .popup-animated__input:focus {
      outline: none; }
    .popup-animated__input::-webkit-input-placeholder {
      font-size: 14px;
      line-height: 22px;
      color: #999; }
    .popup-animated__input:-ms-input-placeholder {
      font-size: 14px;
      line-height: 22px;
      color: #999; }
    .popup-animated__input::-ms-input-placeholder {
      font-size: 14px;
      line-height: 22px;
      color: #999; }
    .popup-animated__input::placeholder {
      font-size: 14px;
      line-height: 22px;
      color: #999; }
  .popup-animated__submit-wrap {
    width: 40px;
    height: 40px;
    background-image: url(/build/d7dfd483c2952a68c05f47524c93f893.svg);
    cursor: pointer; }
  .popup-animated__submit {
    visibility: hidden;
    width: 0;
    cursor: pointer; }
  .popup-animated__animation {
    background-image: url(/build/56121a33c7ed7db420205ecf705b4c42.svg);
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: 49%;
    background-size: cover;
    height: 230px;
    position: relative; }
    .popup-animated__animation::before {
      position: absolute;
      top: -20px;
      left: 0;
      content: '';
      width: 140px;
      height: 100%;
      background-image: url(/build/ad549af725f96b7b74eddee0b3432c82.svg);
      background-repeat: no-repeat;
      background-size: cover;
      -webkit-transform: scale(-1, 1);
          -ms-transform: scale(-1, 1);
              transform: scale(-1, 1);
      animation: light 300ms ease 3 alternate-reverse; }
    .popup-animated__animation::after {
      position: absolute;
      top: -20px;
      right: 0;
      content: '';
      width: 140px;
      height: 100%;
      background-image: url(/build/ad549af725f96b7b74eddee0b3432c82.svg);
      background-repeat: no-repeat;
      background-size: cover;
      animation: light 300ms ease 3 alternate-reverse; }
  .popup-animated__top-elements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .popup-animated__top-line {
    position: relative;
    height: 36px;
    margin-bottom: 25px; }
    .popup-animated__top-line::after {
      position: absolute;
      top: 45px;
      content: '';
      width: 100%;
      height: 60px;
      background-repeat: round;
      background-size: cover;
      -webkit-animation: pulse 1s ease 2s infinite;
              animation: pulse 1s ease 2s infinite; }
  .popup-animated__left-elements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .popup-animated__right-elements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .popup-animated__central-element {
    width: 51px;
    height: 37px;
    margin: 0 auto 6px auto; }
  .popup-animated__goal {
    background-image: url(/build/6a0f70aa66441725c032ad065594abbd.svg);
    background-repeat: no-repeat;
    background-size: 40px 25px;
    background-position-y: center;
    background-position-x: calc(100% - 6px);
    height: 100%;
    width: 100%;
    opacity: 0; }
    .popup-animated__goal--active {
      -webkit-animation: goal 400ms ease 1s 3;
              animation: goal 400ms ease 1s 3; }
  .popup-animated__gate {
    width: 112px;
    height: 74px;
    background-image: url(/build/8fbe8c6ff4044b6efe8f673191f082e5.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    animation: gate-mob 1s ease infinite alternate-reverse;
    position: relative;
    left: 0;
    -webkit-transition: left 1s ease-out;
    -o-transition: left 1s ease-out;
    transition: left 1s ease-out; }
    .popup-animated__gate--stopped {
      left: -50px;
      -webkit-animation: gate-center 1s ease 1s 1;
              animation: gate-center 1s ease 1s 1; }
  .popup-animated__ball {
    width: 35px;
    height: 35px;
    background-image: url(/build/d29654ca475a879613e25caf6b4827d7.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: 0 auto;
    top: -10px;
    cursor: pointer;
    animation: ball 1s ease infinite alternate-reverse; }
    .popup-animated__ball--touched {
      -webkit-animation: ball-clicked 400ms linear 1, ball-done 600ms ease 300ms 1 forwards;
              animation: ball-clicked 400ms linear 1, ball-done 600ms ease 300ms 1 forwards; }

.popup-hide .popup-animated {
  display: none; }

@-webkit-keyframes light {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes light {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes goal {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes goal {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes pulse {
  0% {
    background-image: url(/build/49ea7e5ade85ae49a6a7f30123e290ae.svg); }
  10% {
    background-image: none; }
  40% {
    background-image: url(/build/49ea7e5ade85ae49a6a7f30123e290ae.svg); }
  50% {
    background-image: none; }
  100% {
    background-image: url(/build/49ea7e5ade85ae49a6a7f30123e290ae.svg); } }

@keyframes pulse {
  0% {
    background-image: url(/build/49ea7e5ade85ae49a6a7f30123e290ae.svg); }
  10% {
    background-image: none; }
  40% {
    background-image: url(/build/49ea7e5ade85ae49a6a7f30123e290ae.svg); }
  50% {
    background-image: none; }
  100% {
    background-image: url(/build/49ea7e5ade85ae49a6a7f30123e290ae.svg); } }

@-webkit-keyframes gate-mob {
  0% {
    -webkit-transform: translateX(65px);
            transform: translateX(65px); }
  100% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px); } }

@keyframes gate-mob {
  0% {
    -webkit-transform: translateX(65px);
            transform: translateX(65px); }
  100% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px); } }

@-webkit-keyframes gate-desktop {
  0% {
    -webkit-transform: translateX(85px);
            transform: translateX(85px); }
  100% {
    -webkit-transform: translateX(-70px);
            transform: translateX(-70px); } }

@keyframes gate-desktop {
  0% {
    -webkit-transform: translateX(85px);
            transform: translateX(85px); }
  100% {
    -webkit-transform: translateX(-70px);
            transform: translateX(-70px); } }

@-webkit-keyframes gate-center {
  0% { }
  100% { } }

@keyframes gate-center {
  0% { }
  100% { } }

@-webkit-keyframes cloud {
  0% {
    -webkit-transform: translateX(30px);
            transform: translateX(30px); }
  100% {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px); } }

@keyframes cloud {
  0% {
    -webkit-transform: translateX(30px);
            transform: translateX(30px); }
  100% {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px); } }

@-webkit-keyframes ball {
  0% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  100% {
    -webkit-transform: none;
            transform: none; } }

@keyframes ball {
  0% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  100% {
    -webkit-transform: none;
            transform: none; } }

@-webkit-keyframes ball-clicked {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes ball-clicked {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@-webkit-keyframes ball-done {
  0% { }
  100% {
    -webkit-transform: translate(-50px, -30px);
            transform: translate(-50px, -30px); } }

@keyframes ball-done {
  0% { }
  100% {
    -webkit-transform: translate(-50px, -30px);
            transform: translate(-50px, -30px); } }

.popup-animated--starwars {
  z-index: 2050;
  padding-right: 0 !important; }
  .popup-animated--starwars .popup-animated__backdrop {
    -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px);
    background-color: #000;
    background-image: url(/build/100c49b48440ef16bfe499c420419279.svg);
    padding: 0; }
  .popup-animated--starwars .popup-animated__close {
    z-index: 2051; }
  .popup-animated--starwars .popup-animated__planet-left {
    width: 100%;
    height: 100%;
    background-image: url(/build/1d34a51f9833d7441260eab0c6b6d8d6.svg);
    background-repeat: no-repeat;
    background-position: top left; }
  .popup-animated--starwars .popup-animated__planet-right {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    background-image: url(/build/a8e7e925a167b1244522c038cb23a79d.svg);
    background-repeat: no-repeat;
    background-position: bottom 40px right; }
    .popup-animated--starwars .popup-animated__planet-right::after {
      position: absolute;
      content: '';
      background-image: url(/build/68b6db6610690ca1b579f230dec1abcc.png);
      background-repeat: no-repeat;
      background-size: cover;
      right: 40px;
      top: 250px;
      width: 100px;
      height: 135px;
      -webkit-animation: zoomInRight 5s ease 1s 1 forwards;
              animation: zoomInRight 5s ease 1s 1 forwards; }
    .popup-animated--starwars .popup-animated__planet-right::before {
      position: absolute;
      content: '';
      background-image: url(/build/68b6db6610690ca1b579f230dec1abcc.png);
      background-repeat: no-repeat;
      background-size: cover;
      right: 0;
      top: 240px;
      width: 36px;
      height: 50px;
      -webkit-animation: zoomInRight 4s ease 1s 1 forwards, zoomOutLeft 2s ease-in 5s 1 forwards;
              animation: zoomInRight 4s ease 1s 1 forwards, zoomOutLeft 2s ease-in 5s 1 forwards; }
  .popup-animated--starwars .popup-animated__content {
    padding-top: 40px; }
  .popup-animated--starwars .popup-animated__title {
    color: #ffcc33;
    font-size: 24px;
    line-height: 32px;
    font-weight: 800;
    line-height: 32px;
    margin-bottom: 20px;
    max-width: 300px; }
  .popup-animated--starwars .popup-animated__text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 30px; }
  .popup-animated--starwars .popup-animated__desc {
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    max-width: 280px; }
  .popup-animated--starwars .popup-animated__btn {
    background-color: #ffcc33;
    -webkit-box-shadow: 0 4px 30px 0 rgba(255, 111, 1, 0.97);
            box-shadow: 0 4px 30px 0 rgba(255, 111, 1, 0.97);
    color: #333;
    font-size: 16px;
    text-transform: none; }
  .popup-animated--starwars .popup-animated__btn-wrapper {
    margin-bottom: 30px; }
  .popup-animated--starwars .popup-animated__swords {
    width: 100%;
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .popup-animated--starwars .popup-animated__sword-left {
    background-image: url(/build/3262a3976291155f10033a90b2ed7744.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    height: 100%;
    margin-right: 90px;
    animation: sword-up 1s ease 1s infinite alternate-reverse forwards; }
    .popup-animated--starwars .popup-animated__sword-left--animate {
      -webkit-animation: sword-left-turn-mob 300ms ease-in 1 forwards;
              animation: sword-left-turn-mob 300ms ease-in 1 forwards; }
  .popup-animated--starwars .popup-animated__sword-right {
    background-image: url(/build/39b90799693c29e98f1d10f92a71dd7a.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    height: 100%;
    animation: sword-up 1s ease 1s infinite alternate-reverse forwards; }
    .popup-animated--starwars .popup-animated__sword-right--animate {
      -webkit-animation: sword-right-turn-mob 300ms ease-in 1 forwards;
              animation: sword-right-turn-mob 300ms ease-in 1 forwards; }

@-webkit-keyframes sword-left-turn-mob {
  0% {
    -webkit-transform: rotate(0) translate(0, 0);
            transform: rotate(0) translate(0, 0); }
  100% {
    -webkit-transform: rotate(75deg) translate(20px, -38px);
            transform: rotate(75deg) translate(20px, -38px);
    margin-right: 0; } }

@keyframes sword-left-turn-mob {
  0% {
    -webkit-transform: rotate(0) translate(0, 0);
            transform: rotate(0) translate(0, 0); }
  100% {
    -webkit-transform: rotate(75deg) translate(20px, -38px);
            transform: rotate(75deg) translate(20px, -38px);
    margin-right: 0; } }

@-webkit-keyframes sword-left-turn {
  0% {
    -webkit-transform: rotate(0) translate(0, 0);
            transform: rotate(0) translate(0, 0); }
  100% {
    -webkit-transform: rotate(70deg);
            transform: rotate(70deg);
    margin-right: 0; } }

@keyframes sword-left-turn {
  0% {
    -webkit-transform: rotate(0) translate(0, 0);
            transform: rotate(0) translate(0, 0); }
  100% {
    -webkit-transform: rotate(70deg);
            transform: rotate(70deg);
    margin-right: 0; } }

@-webkit-keyframes sword-right-turn-mob {
  0% {
    -webkit-transform: rotate(0) translate(0, 0);
            transform: rotate(0) translate(0, 0); }
  100% {
    -webkit-transform: rotate(-75deg) translate(-20px, -38px);
            transform: rotate(-75deg) translate(-20px, -38px); } }

@keyframes sword-right-turn-mob {
  0% {
    -webkit-transform: rotate(0) translate(0, 0);
            transform: rotate(0) translate(0, 0); }
  100% {
    -webkit-transform: rotate(-75deg) translate(-20px, -38px);
            transform: rotate(-75deg) translate(-20px, -38px); } }

@-webkit-keyframes sword-right-turn {
  0% {
    -webkit-transform: rotate(0) translate(0, 0);
            transform: rotate(0) translate(0, 0); }
  100% {
    -webkit-transform: rotate(-70deg);
            transform: rotate(-70deg); } }

@keyframes sword-right-turn {
  0% {
    -webkit-transform: rotate(0) translate(0, 0);
            transform: rotate(0) translate(0, 0); }
  100% {
    -webkit-transform: rotate(-70deg);
            transform: rotate(-70deg); } }

@-webkit-keyframes sword-up {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px); } }

@keyframes sword-up {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px); } }

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@media (min-width: 768px) {
      .popup-animated__backdrop {
        padding-top: 60px; }
      .popup-animated__close {
        top: 30px;
        right: 30px; }
      .popup-animated__title {
        max-width: initial;
        font-size: 28px;
        margin-bottom: 20px; }
      .popup-animated__text {
        font-size: 21px;
        line-height: 28px;
        margin-bottom: 20px;
        max-width: 630px; }
      .popup-animated__timer {
        margin-bottom: 20px; }
      .popup-animated__form-text {
        font-size: 16px;
        line-height: 22px;
        max-width: 500px; }
      .popup-animated__form-wrapper {
        min-width: 428px; }
      .popup-animated__input {
        min-width: 47%; }
      .popup-animated__submit-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 14px;
        color: #fff;
        padding: 0 50px;
        height: 36px;
        width: initial;
        border-radius: 28px;
        background-image: -webkit-gradient(linear, right top, left top, from(#fbbc2b), to(#fe6248));
        background-image: -webkit-linear-gradient(right, #fbbc2b, #fe6248);
        background-image: -o-linear-gradient(right, #fbbc2b, #fe6248);
        background-image: linear-gradient(to left, #fbbc2b, #fe6248); }
        .popup-animated__submit-wrap:hover, .popup-animated__submit-wrap:active {
          background-image: none;
          background-color: #fe6248; }
      .popup-animated__submit {
        visibility: visible;
        width: initial;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        border: none;
        background-color: transparent; }
      .popup-animated__animation {
        height: 340px; }
        .popup-animated__animation::before {
          top: -38px;
          width: 340px; }
        .popup-animated__animation::after {
          top: -38px;
          width: 340px; }
      .popup-animated__top-line {
        height: 59px;
        margin-bottom: 23px; }
        .popup-animated__top-line::after {
          top: 82px;
          height: 75px; }
      .popup-animated__central-element {
        width: 86px;
        height: 55px; }
      .popup-animated__goal {
        background-position-x: calc(100% - 25px); }
      .popup-animated__gate {
        width: 189px;
        height: 124px;
        animation: gate-desktop 1s ease infinite alternate-reverse; }
        .popup-animated__gate--stopped {
          -webkit-animation: gate-center 1s ease 1;
                  animation: gate-center 1s ease 1; }
      .popup-animated__ball {
        width: 45px;
        height: 45px; }
    .popup-animated__light {
      width: 93px;
      height: 45px;
      background-image: url(/build/c19e54fc14cfce0475e04ddc5c717702.svg);
      background-repeat: no-repeat;
      background-size: cover; }
      .popup-animated__light--left {
        background-position-x: -78px; }
      .popup-animated__light--right {
        background-position-x: 78px; }
      .popup-animated--starwars .popup-animated__backdrop {
        padding: 0; }
      .popup-animated--starwars .popup-animated__planet-left {
        background-image: url(/build/654da9953eb978667627314cf3e97707.svg);
        background-position: center left 50px;
        max-width: 768px;
        margin: 0 auto; }
      .popup-animated--starwars .popup-animated__planet-right {
        background-image: url(/build/aaf85e8b0e7adeea0611088e18d615f5.svg);
        background-position: bottom 16vh right 16px; }
      .popup-animated--starwars .popup-animated__content {
        padding-top: 20px; }
      .popup-animated--starwars .popup-animated__title {
        font-size: 36px;
        line-height: 48px;
        margin-bottom: 3px;
        max-width: initial; }
      .popup-animated--starwars .popup-animated__text {
        font-size: 22px;
        line-height: 48px;
        margin-bottom: 30px; }
      .popup-animated--starwars .popup-animated__desc {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
        max-width: 470px; }
      .popup-animated--starwars .popup-animated__btn {
        min-height: 56px; }
      .popup-animated--starwars .popup-animated__btn-wrapper {
        margin-bottom: 60px; }
      .popup-animated--starwars .popup-animated__swords {
        height: 500px; }
      .popup-animated--starwars .popup-animated__sword-left {
        width: 200px; }
        .popup-animated--starwars .popup-animated__sword-left--animate {
          -webkit-animation: sword-left-turn 300ms ease-in 1 forwards;
                  animation: sword-left-turn 300ms ease-in 1 forwards; }
      .popup-animated--starwars .popup-animated__sword-right {
        width: 200px; }
        .popup-animated--starwars .popup-animated__sword-right--animate {
          -webkit-animation: sword-right-turn 300ms ease-in 1 forwards;
                  animation: sword-right-turn 300ms ease-in 1 forwards; } }

@media (min-width: 1190px) {
      .popup-animated__close {
        right: 228px; }
      .popup-animated__animation {
        height: 346px; }
        .popup-animated__animation::before {
          top: 0;
          height: 280px;
          width: 626px; }
        .popup-animated__animation::after {
          top: 0;
          height: 280px;
          width: 626px; }
      .popup-animated__top-line {
        margin-bottom: 26px; }
        .popup-animated__top-line::after {
          top: 69px;
          height: 87px; }
      .popup-animated__left-elements {
        padding-left: 70px; }
      .popup-animated__right-elements {
        padding-right: 70px; }
      .popup-animated__goal {
        background-position-x: calc(100% - 27px); }
      .popup-animated__ball {
        width: 55px;
        height: 55px;
        top: -16px; }
    .popup-animated__cloud {
      width: 88px;
      height: 50px;
      background-image: url(/build/74d86d3504c4140824aefe2240ba01b3.svg);
      background-repeat: no-repeat;
      background-size: cover;
      animation: cloud 3s ease infinite alternate-reverse; }
    .popup-animated__light--left {
      margin-left: 70px;
      background-position-x: center; }
    .popup-animated__light--right {
      margin-right: 70px;
      background-position-x: center; }
      .popup-animated--starwars .popup-animated__backdrop {
        padding: 0; }
      .popup-animated--starwars .popup-animated__planet-left {
        max-width: 1105px;
        background-position: top 30vh left 50px; }
      .popup-animated--starwars .popup-animated__planet-right {
        background-position: bottom 35vh right; }
        .popup-animated--starwars .popup-animated__planet-right::after {
          top: 200px; }
        .popup-animated--starwars .popup-animated__planet-right::before {
          top: 180px; }
      .popup-animated--starwars .popup-animated__content {
        padding-top: 90px; } }

@media (min-width: 2000px) {
      .popup-animated__animation {
        height: 420px;
        background-position-x: 48%; }
      .popup-animated__top-line {
        margin-bottom: 81px; }
        .popup-animated__top-line::after {
          top: 90px;
          height: 91px; }
      .popup-animated__goal {
        background-position-x: calc(100% - 29px); }
      .popup-animated__ball {
        top: -12px; } }

@media (max-width: 767px) {
        .popup-animated--starwars .popup-animated__planet-right::after {
          display: none; }
        .popup-animated--starwars .popup-animated__planet-right::before {
          display: none; } }