mor-textarea{
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    box-sizing: border-box;
    vertical-align: top;

    .setup-form();

    .textarea-wrap{
        font-size: 0;
        position: relative;
    }

    textarea{
        box-sizing: border-box;
        z-index: 2;
        width: 100%;
        background: @colorFormBackground;
        border: 1px @colorFormBorder solid;
        border-radius: @borderRadius;
        line-height: 1.4em;
        color: @colorFormText !important;
        outline: none;
        -webkit-appearance: none;
        resize: none;
        transition: height 0.2s;

        &.auto-sizing{
            overflow: hidden;
        }

        &.is-max{
            overflow: auto;
        }

        &::placeholder{
            color: @colorFormPlaceholder;
        }

        &:hover{
            border-color: @colorFormBorderHover;
            color: @colorFormTextHover !important;

            &::placeholder{
                color: @colorFormPlaceholderHover !important;
            }
        }

        &:focus{
            .setup-form-focus();
            color: @colorFormTextFocus !important;
        }

        .setup-scrollbar();
    }

    &.can-resize-both,
    &.can-resize-horizontal,
    &.can-resize-vertical{
        textarea{
            transition: none;
        }
    }

    &.can-resize-both{
        textarea{
            resize: both;
        }
    }

    &.can-resize-horizontal{
        textarea{
            resize: horizontal;
        }
    }

    &.can-resize-vertical{
        textarea{
            resize: vertical;
        }
    }

    &.has-maxlength{
        textarea{
            padding-bottom: 1.8em;
        }
    }

    .maxlength{
        position: absolute;
        color: @colorFormTextNote;
        font-size: @fontSize*0.8125;
        right: 0.5em;
        bottom: 0.25em;

        span.has-content{
            color: @colorNeutral10;
        }

        span.is-maxlen{
            color: @colorDanger;
        }
    }

    &.si-m{
        textarea{
            padding: 0.8em;
            font-size: @formInputFontSize;
        }
    }

    &.si-s{
        textarea{
            padding: 0.6em;
            font-size: @formInputFontSizeS;
        }
    }

    &.si-xs{
        textarea{
            padding: 0.4em;
            font-size: @formInputFontSizeXs;
        }
    }

    &.st-normal{}

    &.st-disabled,
    &.st-readonly{
        textarea{
            border: 1px @colorFormBorderDisable solid;
            background-color: @colorFormBackgroundDisable;
            -webkit-user-select: none;
            cursor: not-allowed !important;
            color: @colorFormTextDisable !important;
        }
    }

    // default status
    &{
        .si-m;
        .st-normal;
    }
}