.input {
  font-family: 'Gilmer';
}
.text-input {
  border: 1px solid #EAEAEA;
  border-radius:8px;
  height: 36px;
  font-size: 16px;
  padding: 0 12px;
  margin-left: 0;
  &:focus {
    border: 1px solid #AEAEAE;
    outline: none;
    border-radius: 8px;
  }
}
.wide {
  width: 100%;
  input {
    width: 100%;
  }
}
.prefixed-input {
  display: flex;
  align-items: center;
  .text-input {
    border-radius: 0px 8px 8px 0px;
  }
  .prefix {
    background: #EAEAEA;
    border-radius: 8px 0px 0px 8px;
    p {
      margin: 0;
      padding: 10px 12px;
    }
  }
}
@media (min-width: 768px) {
  .text-input {
    width: 500px;
    &.wide {
      width: 100%;
    }
  }
}