:root {
  --green1: #0D642F;
  --green2: #10281B;
  --green3: #768C80;
  --black1: #0F0F0F;
  --black2: #070707;
  --black3: #171717;
  --grey1: #B5B5B5;
  --grey2: #8B8B8B;
  --grey3: #434343;
}

.popup-wish-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 300ms ease;
}
.popup-wish-wrapper.active {
  opacity: 1;
  pointer-events: all;
}
.popup-wish-wrapper.active .fon {
  background-color: rgba(15, 15, 15, 0.8);
}
.popup-wish-wrapper .fon {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: transparent;
  transition: background-color 300ms ease;
}
.popup-wish-wrapper .popup-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 82.5vw;
  background-color: var(--black1);
}
.popup-wish-wrapper .popup-container .popup-main {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 3.3854166667vw;
  padding: 3.75vw;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.popup-wish-wrapper .popup-container .popup-main .btn-exit {
  position: absolute;
  top: 1.25vw;
  right: 1.25vw;
  width: 2.7083333333vw;
  height: 2.7083333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  transition: background-color 300ms ease, color 300ms ease;
}
.popup-wish-wrapper .popup-container .popup-main .btn-exit:hover {
  cursor: pointer;
  background-color: var(--green1);
  border: 1px solid var(--green1);
}
.popup-wish-wrapper .popup-container .popup-main .btn-exit svg {
  width: 0.8333333333vw;
  height: 0.8333333333vw;
}
.popup-wish-wrapper .popup-container .popup-main .left-section {
  width: 22.03125vw;
  display: flex;
  flex-direction: column;
}
.popup-wish-wrapper .popup-container .popup-main .left-section .title {
  font-weight: 400;
  font-size: 2.9166666667vw;
  color: var(--grey2);
}
.popup-wish-wrapper .popup-container .popup-main .left-section .title span {
  color: white;
}
.popup-wish-wrapper .popup-container .popup-main .left-section .description {
  margin-top: 1.5625vw;
  font-weight: 400;
  font-size: 0.8333333333vw;
  color: var(--grey2);
}
.popup-wish-wrapper .popup-container .popup-main .left-section .img-container {
  margin-top: auto;
  width: 17.8125vw;
  height: 7.96875vw;
}
.popup-wish-wrapper .popup-container .popup-main .left-section .img-container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.popup-wish-wrapper .popup-container .popup-main .right-section {
  padding: 3.125vw;
  box-sizing: border-box;
  min-width: 49.5833333333vw;
  background-color: var(--black2);
  position: relative;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .bg-logo {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  height: 100%;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .bg-logo img {
  height: 100%;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .title-container {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 3.125vw;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .title-container .text {
  width: 11.25vw;
  font-weight: 500;
  font-size: 1.0416666667vw;
  color: var(--grey2);
}
.popup-wish-wrapper .popup-container .popup-main .right-section .title-container .steps-wrapper {
  display: flex;
  align-items: center;
  gap: 0.625vw;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .title-container .steps-wrapper .item {
  width: 2.7083333333vw;
  height: 2.7083333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--green1);
  background-color: transparent;
  transition: background-color 300ms ease;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .title-container .steps-wrapper .item.active {
  background-color: var(--green1);
}
.popup-wish-wrapper .popup-container .popup-main .right-section .title-container .steps-wrapper .item.active svg.exit {
  display: none;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .title-container .steps-wrapper .item.active svg.check {
  display: block;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .title-container .steps-wrapper .item svg.exit {
  display: block;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .title-container .steps-wrapper .item svg.check {
  display: none;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .title-container .steps-wrapper .item svg {
  width: 0.8333333333vw;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .title-container .steps-wrapper .line {
  width: 1.875vw;
  border: 1px solid var(--grey2);
  transition: border 300ms ease;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .title-container .steps-wrapper .line.active {
  border: 1px solid var(--green1);
}
.popup-wish-wrapper .popup-container .popup-main .right-section .horizontal-line {
  position: relative;
  z-index: 1;
  margin-top: 3.125vw;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main {
  position: relative;
  z-index: 1;
  margin-top: 3.125vw;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .question-container {
  display: flex;
  align-items: center;
  gap: 1.25vw;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .question-container .steep-counter {
  font-weight: 500;
  font-size: 0.625vw;
  color: var(--grey2);
  padding: 0.625vw 0.8333333333vw;
  border-radius: 1.71875vw;
  border: 1px solid var(--green1);
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .question-container .question {
  font-weight: 600;
  font-size: 1.25vw;
  color: white;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container {
  margin-top: 1.875vw;
  margin-bottom: 1.875vw;
  display: flex;
  align-items: center;
  gap: 0.8333333333vw;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container.fd-column {
  flex-direction: column;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container.last-steep {
  display: none;
  margin-top: 2.03125vw;
  margin-bottom: 2.03125vw;
  gap: 1.25vw;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container .item {
  position: relative;
  border: 1px solid transparent;
  cursor: pointer;
  transition: border 300ms ease;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container .item::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 3.6979166667vw;
  background: linear-gradient(to bottom, transparent 0%, #0F0F0F 100%);
  z-index: 1;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container .item.active {
  border: 1px solid var(--green1);
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container .item:not(.active):hover {
  border: 1px solid var(--grey2);
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container .item img {
  display: block;
  height: 7.2916666667vw;
  position: relative;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container .item .name {
  position: absolute;
  bottom: 0.8333333333vw;
  left: 0.8333333333vw;
  font-weight: 400;
  font-size: 0.8333333333vw;
  color: white;
  z-index: 2;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container .inputs-container {
  display: flex;
  align-items: center;
  gap: 1.25vw;
  width: 100%;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container .inputs-container input {
  padding: 1.0416666667vw 1.6666666667vw;
  width: 50%;
  border-radius: 2.5520833333vw;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: transparent;
  color: white;
  outline: none;
  transition: border 300ms ease;
  font-weight: 400;
  font-size: 0.8333333333vw;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container .inputs-container input:hover {
  border: 1px solid white;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container .inputs-container input:focus, .popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container .inputs-container input:active {
  border: 1px solid var(--green1);
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container .switch-container {
  display: flex;
  align-items: center;
  gap: 1.25vw;
  width: 100%;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container .switch-container .send-application {
  box-sizing: border-box;
  padding: 0.8333333333vw 1.25vw;
  border-radius: 2.3958333333vw;
  background-color: var(--green1);
  width: 50%;
  font-weight: 500;
  font-size: 0.8333333333vw;
  color: white;
  text-align: center;
  transition: background-color 300ms ease, color 300ms ease;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container .switch-container .send-application:hover {
  cursor: pointer;
  background-color: white;
  color: var(--black1);
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container .switch-container .note {
  width: 50%;
  font-weight: 400;
  font-size: 0.625vw;
  color: var(--grey2);
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container .switch-container .note span {
  font-weight: 600;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container .switch-container .note a {
  color: var(--grey2);
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .btns-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .btns-container .btn-prev {
  display: flex;
  align-items: center;
  gap: 0.625vw;
  font-weight: 600;
  font-size: 0.8333333333vw;
  color: var(--grey2);
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  transition: opacity 300ms ease;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .btns-container .btn-prev.active {
  opacity: 1;
  pointer-events: all;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .btns-container .btn-prev svg {
  width: 0.8333333333vw;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .btns-container .btn-next {
  display: flex;
  align-items: center;
  gap: 0.625vw;
  font-weight: 600;
  font-size: 0.8333333333vw;
  color: white;
  padding: 0.8333333333vw 1.25vw;
  border-radius: 2.3958333333vw;
  background-color: var(--green1);
  opacity: 0;
  pointer-events: none;
  transition: background-color 300ms ease, color 300ms ease, opacity 300ms ease;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .btns-container .btn-next.active {
  opacity: 1;
  pointer-events: all;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .btns-container .btn-next:hover {
  cursor: pointer;
  background-color: white;
  color: var(--black1);
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .btns-container .btn-next:hover svg path {
  stroke: var(--black1);
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .btns-container .btn-next svg {
  width: 0.8333333333vw;
}
.popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .btns-container .btn-next svg path {
  stroke: white;
  transition: stroke 300ms ease;
}

@media (max-width: 1024px) {
  .popup-wish-wrapper .popup-container {
    width: 90vw;
  }
  .popup-wish-wrapper .popup-container .popup-main {
    max-height: 90vh;
    overflow-y: auto;
    padding: 13.2315521628vw 6.106870229vw;
    flex-direction: column;
    gap: 9.1603053435vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .btn-exit {
    top: 4.0712468193vw;
    right: 4.0712468193vw;
    width: 10.1781170483vw;
    height: 10.1781170483vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .btn-exit svg {
    width: 3.1323155216vw;
    height: 3.1323155216vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .left-section {
    width: 100%;
  }
  .popup-wish-wrapper .popup-container .popup-main .left-section .title {
    font-size: 8.1424936387vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .left-section .description {
    margin-top: 4.0712468193vw;
    font-size: 4.0712468193vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .left-section .img-container {
    display: none;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section {
    padding: 0;
    background-color: transparent;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .bg-logo {
    display: none;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .title-container {
    flex-direction: column;
    gap: 4.0712468193vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .title-container .text {
    width: 100%;
    font-size: 4.5801526718vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .title-container .steps-wrapper {
    gap: 3.0534351145vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .title-container .steps-wrapper .item {
    width: 9.1603053435vw;
    height: 9.1603053435vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .title-container .steps-wrapper .item svg {
    width: 4.0712468193vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .title-container .steps-wrapper .line {
    width: 5.0890585242vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .horizontal-line {
    margin-top: 6.106870229vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .wish-main {
    margin-top: 6.106870229vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .question-container {
    flex-direction: column;
    align-items: start;
    gap: 3.0534351145vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .question-container .steep-counter {
    font-size: 3.0534351145vw;
    padding: 2.0356234097vw 4.0712468193vw;
    border-radius: 8.3969465649vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .question-container .question {
    font-size: 5.0890585242vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container {
    margin-top: 4.0712468193vw;
    margin-bottom: 4.0712468193vw;
    gap: 3.0534351145vw;
    overflow-x: auto;
    width: 100%;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container.last-steep {
    margin-top: 4.0712468193vw;
    margin-bottom: 4.0712468193vw;
    gap: 3.0534351145vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container.last-steep .inputs-container {
    gap: 3.0534351145vw;
    flex-direction: column;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container.last-steep .inputs-container input {
    width: 100%;
    box-sizing: border-box;
    padding: 4.0712468193vw 6.106870229vw;
    border-radius: 12.4681933842vw;
    font-size: 4.0712468193vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container.last-steep .switch-container {
    gap: 3.0534351145vw;
    flex-direction: column;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container.last-steep .switch-container .send-application {
    padding: 4.0712468193vw 6.106870229vw;
    border-radius: 11.7048346056vw;
    width: 100%;
    font-size: 4.0712468193vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container.last-steep .switch-container .note {
    width: 100%;
    font-size: 3.0534351145vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container .item img {
    height: 35.6234096692vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .options-container .item .name {
    bottom: 4.0712468193vw;
    left: 4.0712468193vw;
    font-size: 4.0712468193vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .btns-container .btn-prev {
    gap: 3.0534351145vw;
    font-size: 4.0712468193vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .btns-container .btn-prev svg {
    width: 4.0712468193vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .btns-container .btn-next {
    gap: 3.0534351145vw;
    font-size: 4.0712468193vw;
    padding: 4.0712468193vw 6.106870229vw;
    border-radius: 11.7048346056vw;
  }
  .popup-wish-wrapper .popup-container .popup-main .right-section .wish-main .btns-container .btn-next svg {
    width: 4.0712468193vw;
  }
}

/*# sourceMappingURL=popup-selection.css.map */