.checkbox {
  display: block;
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  font-size: var(--font-size-s);
  line-height: var(--line-height-s);
  color: var(--color-gray-2);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox._error .checkbox__checkmark {
  border: var(--border-red);
}
.checkbox__input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox__input:checked ~ .checkbox__checkmark {
  background-color: var(--color-black);
}
@media (hover: hover) {
  .checkbox__input:checked ~ .checkbox__checkmark:hover {
    background-color: var(--color-blue-3);
  }
}
.checkbox__checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 16px;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: var(--border-black);
  transition: all var(--transition);
}
@media (hover: hover) {
  .checkbox__checkmark:hover {
    border: var(--border-blue-3);
  }
}
.checkbox__label a {
  text-decoration: underline;
  transition: all var(--transition);
}
@media (hover: hover) {
  .checkbox__label a:hover {
    text-decoration: none;
    color: var(--color-blue-3);
    transition: all var(--transition);
  }
}.text-field {
  display: flex;
  flex-direction: column;
}
@media (hover: hover) {
  .text-field:hover .text-field__input {
    border: var(--border-blue-6);
  }
  .text-field:hover .text-field__input:focus {
    border: var(--border-blue-5);
    transition: border-color var(--transition);
  }
  .text-field:hover .text-field__label {
    color: var(--color-blue-6);
  }
}
.text-field._error .text-field__error {
  opacity: 1;
}
.text-field._error .text-field__input {
  border: var(--border-red);
}
.text-field__input {
  border: var(--border-black);
  border-radius: 5px;
  font-size: var(--font-size-s);
  line-height: var(--line-height-s);
  padding: 14px 20px;
  transition: border-color var(--transition);
}
.text-field__input._text-area {
  height: 160px;
  resize: none;
}
.text-field__input:focus {
  border: var(--border-blue-5);
  transition: border-color var(--transition);
}
.text-field__label {
  margin-bottom: 4px;
  font-size: var(--font-size-s);
  line-height: var(--line-height-s);
  display: flex;
  justify-content: space-between;
}
.text-field__error {
  color: var(--color-red);
  opacity: 0;
}.ui-dropdown__select-wrapper {
  position: relative;
}
@media (hover: hover) {
  .ui-dropdown__select-wrapper:hover .ui-dropdown__select {
    border: 1px solid var(--color-blue-6);
  }
  .ui-dropdown__select-wrapper:hover .ui-dropdown__arrow path {
    stroke: var(--color-blue-6);
  }
}
.ui-dropdown__select {
  border-radius: 5px;
  border: 1px solid var(--color-black);
  transition: border var(--transition);
  padding: 14px 20px;
  font-size: var(--font-size-s);
  line-height: var(--line-height-s);
}
.ui-dropdown__arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}.form__form {
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 900px) {
  .form__form {
    display: block;
  }
}
.form__title {
  margin-bottom: 16px;
}
.form__text {
  max-width: 422px;
}
.form__title-container {
  flex: 0 1 50%;
}
@media screen and (max-width: 900px) {
  .form__title-container {
    margin-bottom: 40px;
  }
}
.form__content {
  flex: 0 1 50%;
}
.form__content-fields {
  margin-bottom: 32px;
}
.form__checkbox-field {
  margin-bottom: 8px;
}
.form__field {
  margin-bottom: 16px;
}
.form__field:last-of-type {
  margin-bottom: 24px;
}
.form__success {
  display: none;
}
.form__error {
  display: none;
}