/* ===== REGISTRATION PROFILE ===== */

.boykovProfileFields {
  display: grid;
  gap: 11px;
  width: 100%;
  margin: 0 0 14px;
}

.boykovProfileField {
  display: grid;
  gap: 6px;
  width: 100%;
}

.boykovProfileField__label {
  color: #3d485b;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 600;
}

.boykovProfileField__label::after {
  content: " *";
  color: #397bd9;
}

.boykovProfileField__input {
  box-sizing: border-box;
  width: 100%;
  min-height: 44px;

  padding:
    10px 12px;

  border:
    1px solid #d8dee8;

  border-radius:
    8px;

  outline:
    none;

  background:
    #fff;

  color:
    #172033;

  font:
    inherit;

  font-size:
    14px;

  transition:
    border-color .16s ease,
    box-shadow .16s ease;
}

.boykovProfileField__input::placeholder {
  color: #9aa4b2;
}

.boykovProfileField__input:hover {
  border-color: #b7c1cf;
}

.boykovProfileField__input:focus {
  border-color: #397bd9;

  box-shadow:
    0 0 0 3px
    rgba(57,123,217,.10);
}

.boykovProfileField__input:user-invalid {
  border-color:
    rgba(196,58,58,.6);
}

@media (max-width: 650px) {

  .boykovProfileFields {
    gap: 9px;
  }

  .boykovProfileField__input {
    min-height: 42px;
    font-size: 13px;
  }

}

/* ===== /REGISTRATION PROFILE ===== */