@import '../../colors.scss';

input {
  margin: 0 .5rem;
  border: none;
  box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.1);
  padding: .2rem .5rem;
  border-radius: .2rem;

  &:focus {
    outline: 2px solid $blue;
  }
}

.iconed-input {
  display: flex;
  position: relative;
  align-items: center;

  input {
    padding-left: 2rem;
  }

  mat-icon {
    color: $gray-icon-secondary;
    position: absolute;
    left: 1rem;
  }
}