.input__item {
  height: 45px;
  width: 100%;
  background: var(--background-body-color);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  padding: 0 15px;
  font-size: 15px;
  color: inherit;
  outline: none;
  -webkit-transition: border 0.3s;
  transition: border 0.3s;
}
.input__item:focus {
  border-color: #999;
}
.input__item::-webkit-input-placeholder {
  color: #999;
}
.input__item::-moz-placeholder {
  color: #999;
}
.input__item:-ms-input-placeholder {
  color: #999;
}
.input__item::-ms-input-placeholder {
  color: #999;
}
.input__item::placeholder {
  color: #999;
}
.input-with-icon {
  position: relative;
}
.input-with-icon__item {
  padding-right: 45px;
}
.input-with-icon {
  position: relative;
}
.input-with-icon__item {
  padding-right: 45px;
}
.input-with-icon__icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 45px;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
}