////
/// @group Form
/// @author Mustard-UI@v1, Michael Becker
////

///
#{$textarea-selector} {
    appearance: none;
    display: block;
    width: 100%;
    padding: 0.6em 0.8em;
    min-height: 100px;
    font-size: 0.875rem;
    //font-weight: 300;
    line-height: 1.4;
    color: $font-color;
    background-color: $input-bg-color;
    border: $input-border-width solid $input-border-color;
    border-radius: $input-border-radius;

    &::placeholder {
        color: $input-placeholder-color;
    }

    &:focus {
        outline: none;
        border-color: $input-active-color;
    }

    &.invalid, &:invalid {
        border-color: $input-invalid-color;
    }
}