/* TextareaDecorator.css
 * written by Colin Kuebler 2012
 * Part of LDT, dual licensed under GPLv3 and MIT
 * Provides styles for rendering a textarea on top of a pre with scrollbars
 */

/* settings you can play with */

.ldt, .ldt label {
    /* padding: 4px; */
}

.ldt, .ldt pre, .ldt textarea {
    font-size: inherit;
    /* resize algorithm depends on a monospaced font */
    font-family: inherit;
    font-feature-settings: "liga" 0, "calt" 0;
    line-height: 20px;
    font-weight: 400;
}

.ldt textarea {
    /* hide the text but show the text caret */
    color: transparent !important;
    caret-color: #fff;
}

.ldt pre span.comment {
    color: #8B909D;
}

.ldt pre span.annotation {
    color: rgb(93, 155, 76);
}

.ldt pre span.property {
    color: #51CC84;
}

.ldt pre span.operator {
    color: #8B909D;
}

.ldt pre span.rel_prop {
    color: #51CC84;
}

.ldt pre span.builtin {
    color: #51CC84;
}

.ldt pre span.module {
    color: #51CC84
}

.ldt pre span.type {
    color: #51CC84
}

.ldt pre span.builtin_type {
    color: #4981B5;
}

.ldt pre span.builtin_literal {
    color: #4981B5;
}

.ldt pre span.variable {
    color: #51CC84;
}

.ldt pre span.builtin_variable {
    color: #51CC84;
}

.ldt pre span.keyword {
    color: #7D67B5;
}

.ldt pre span.number {
    color: #A2D8B4;
}

.ldt pre span.string {
    color: #B5894B;
}

.ldt pre span.multiline_string {
    color: #B5894B;
}

.ldt pre span.other {
    color: #B5494B;
}

/* settings you shouldn't play with unless you have a good reason */

.ldt {
    position: relative;
}

.ldt pre {
    margin: 0;
    overflow: initial;
}

.ldt label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: text;
}

.ldt textarea {
    margin: 0;
    padding: 0;
    border: 0;
    background: 0;
    outline: none;
    resize: none;
    min-width: 100%;
    /* min-height: 100%; */
    overflow: hidden;
    /* IE doesn't support rgba textarea, so use vendor specific alpha filter */
    filter: alpha(opacity = 20);
}
