form {

  input, .input-select {
    display: block;
    width: 100%;
    margin-top: var(--space-2xs);
    border-style: solid;
    border-width: 2px;
    border-radius: var(--border-radius);
    border-color: var(--color-neutral);
    background-color: var(--color-background-active);
    color: var(--color-text-active);
    padding: var(--space-2xs);

    &::placeholder {
      color: var(--color-neutral);
    }

    &:focus{
      outline: var(--color-primary) solid var(--outline-width);
      border-color: var(--color-primary);
    }
  }

  label {
    font-weight: var(--font-weight-medium);
  }

  .input-wrapper {
    margin-top: var(--space-m);
    margin-bottom: var(--space-m);
  }

  .input-error-label {
    display: inline;
    color: var(--color-danger-major);
    font-weight: var(--font-weight-medium);
  }

  .input-invalid {
    border-color: var(--color-danger-major) !important;
    outline-color: var(--color-danger-major) !important;
  }

}