.form-control-custom {
  height: 50px;
  line-height: 48px;
  border-radius: 3px;
  font-size: 16px;
  &::placeholder {
    text-transform: capitalize;
  }
  &--outline {
    background: transparent;
    &:focus {
      background: transparent;
      outline: none;
      box-shadow: none;
    }
    &-light {
      border-color: $white;
      color: $white;
      &::placeholder {
        color: rgba($white, 0.7);
      }
      &:focus {
        border-color: $white;
        color: $white;
      }
    }
    &-thin {
      border-color: rgba($white, 0.2);
      color: $white;
      &::placeholder {
        color: rgba($white, 0.7);
      }
      &:focus {
        border-color: rgba($white, 0.3);
        color: $white;
      }
    }
  }
  &--solid {
    &:focus {
      outline: none;
      box-shadow: none;
    }
    &-alpha {
      background: $alpha;
      border-color: $alpha;
      color: $white;
      &:focus {
        color: $white;
        background: $alpha;
        border-color: $alpha;
      }
      &::placeholder {
        color: rgba($white, 0.7);
      }
    }
  }
}
