@import '../../styles/constants';

.TextAreaComponent {
    position: relative;

    &__label {

        position: relative;

        display: block;

        color: $primary-color-white;
        font-size: 12px;
        font-family: $font-stack;
    }

    &__textarea {

        position: relative;

        box-sizing: border-box;
        width: 100%;
        height: 50px;
        margin-top: 0;
        padding: 4px 5px;

        color: $secondary-color-gray;
        font-size: 12px;
        font-family: $font-stack;

        border: none;
        border-radius: 3px;
        outline: none;
        cursor: text;

        resize: none;
    }

    .TooltipComponent {
        top: -11px;
        left: 0;
    }
}