/* smart-multiline-text-box */

smart-multiline-text-box {
}

    smart-multiline-text-box.smart-element {
        width: var(--smart-multiline-text-box-default-width);
        height: var(--smart-multiline-text-box-default-height);
        background: transparent;
        overflow: initial;
    }

    smart-multiline-text-box[cols],
    smart-multiline-text-box[rows] {
        width: auto;
        height: auto;
    }

.smart-multiline-text-box.smart-drop-down-box > .smart-container,
.smart-multiline-text-box.smart-drop-down-box.smart-container {
    overflow: visible;
    display: block;
}

.smart-multiline-text-box .smart-inner-container {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    overflow: hidden;
    color: inherit;
    width: 100%;
    height: 100%;
    position: relative;
}

.smart-multiline-text-box .smart-initialization-value {
    display: none;
}

.smart-multiline-text-box textarea {
    width: 100%;
    height: 100%;
    outline: none;
    color: inherit;
    border: none;
    padding: var(--smart-editor-label-padding);
    border: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    background-color: inherit;
    overflow: hidden;
    resize: none;
    float: left;
}

    .smart-multiline-text-box textarea.smart-text-box-hidden {
        visibility: hidden;
        width: 100%;
        height: 0px;
        position: absolute;
        left: 0px;
        top: 0px;
    }


.smart-multiline-text-box[auto-capitalize="words"] textarea {
    text-transform: capitalize;
}

.smart-multiline-text-box[auto-capitalize="characters"] textarea {
    text-transform: uppercase;
}

.smart-multiline-text-box[cols] textarea,
.smart-multiline-text-box[rows] textarea {
    width: inherit;
    height: inherit;
}

.smart-multiline-text-box[hover] {
    border-color: var(--smart-ui-state-border-hover);
}

.smart-multiline-text-box[focus] {
    border-color: var(--smart-outline);
}

.smart-multiline-text-box smart-scroll-bar {
    display: none;
}

.smart-multiline-text-box .smart-container textarea,
.smart-multiline-text-box.smart-container textarea {
    height: 100%;
}


.smart-multiline-text-box .smart-container.hscroll textarea,
.smart-multiline-text-box.smart-container.hscroll textarea {
    height: calc(100% - var(--smart-scroll-bar-size));
}

.smart-multiline-text-box .smart-container.vscroll textarea,
.smart-multiline-text-box.smart-container.vscroll textarea {
    width: calc(100% - var(--smart-scroll-bar-size));
}

.smart-multiline-text-box .smart-container.hscroll smart-scroll-bar,
.smart-multiline-text-box.smart-container.hscroll smart-scroll-bar {
    width: 100%;
    height: calc(var(--smart-scroll-bar-size));
    display: block;
}

    .smart-multiline-text-box .smart-container.hscroll smart-scroll-bar[orientation="vertical"],
    .smart-multiline-text-box.smart-container.hscroll smart-scroll-bar[orientation="vertical"] {
        display: none;
    }

.smart-multiline-text-box .smart-container.vscroll smart-scroll-bar[orientation="vertical"],
.smart-multiline-text-box.smart-container.vscroll smart-scroll-bar[orientation="vertical"] {
    float: right;
    width: calc(var(--smart-scroll-bar-size));
    height: 100%;
    display: block;
}

.smart-multiline-text-box[resizable] .smart-container.hscroll smart-scroll-bar smart-multiline-text-box .smart-container.vscroll.hscroll smart-scroll-bar,
.smart-multiline-text-box[resizable].smart-container.hscroll smart-scroll-bar smart-multiline-text-box .smart-container.vscroll.hscroll smart-scroll-bar {
    height: calc(var(--smart-scroll-bar-size));
    width: calc(100% - var(--smart-scroll-bar-size));
}

.smart-multiline-text-box[resizable] .smart-container.vscroll smart-scroll-bar[orientation="vertical"],
.smart-multiline-text-box .smart-container.vscroll.hscroll smart-scroll-bar[orientation="vertical"],
.smart-multiline-text-box[resizable].smart-container.vscroll smart-scroll-bar[orientation="vertical"],
.smart-multiline-text-box.smart-container.vscroll.hscroll smart-scroll-bar[orientation="vertical"] {
    height: calc(100% - var(--smart-scroll-bar-size));
    width: calc(var(--smart-scroll-bar-size));
}

.smart-multiline-text-box[resizable] .smart-container.hscroll smart-scroll-bar,
.smart-multiline-text-box .smart-container.hscroll.vscroll smart-scroll-bar,
.smart-multiline-text-box[resizable].smart-container.hscroll smart-scroll-bar,
.smart-multiline-text-box.smart-container.hscroll.vscroll smart-scroll-bar {
    width: calc(100% - var(--smart-scroll-bar-size));
}

.smart-multiline-text-box[display-mode="escaped"] textarea {
    white-space: nowrap;
}

.smart-multiline-text-box .smart-resize-element {
    box-sizing: border-box;
    height: calc(var(--smart-scroll-bar-size));
    width: calc(var(--smart-scroll-bar-size));
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-color: lightgray;
    background-clip: content-box;
    border: var(--smart-border) solid var(--smart-border-width);
    display: none;
    padding: 2px 0px 0px 2px;
    cursor: nw-resize;
}

.smart-multiline-text-box[resizable] .smart-resize-element {
    display: block;
}

.smart-multiline-text-box[resizable] .smart-resize,
.smart-multiline-text-box[resizable] .smart-resize textarea {
    user-select: none;
}

.smart-multiline-text-box .smart-required-message {
    display: none;
}