text-editor {
    display: block;
    width: 100%;
    background-color: #fafafa;
}

text-editor text-editor-controles {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
    padding: 10px 0px;
}

text-editor text-editor-controles button {
    all: initial;
    padding: 3px 10px;
    cursor: pointer;
}

text-editor text-editor-controles button:hover {
    color: var(--cor-1);
    background-color: transparent;
}

text-editor text-editor-conteudo {
    display: block;
    width: 100%;
    padding: 10px;
    line-height: 1.5em;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    height: 16em;
    overflow: auto;
    background-color: var(--input-background);
    color: #000;
}

.conteudo b,
text-editor text-editor-conteudo b {
    font-weight: bold;
}

.conteudo i,
text-editor text-editor-conteudo i {
    font-style: italic;
}

.conteudo h2,
text-editor text-editor-conteudo h2 {
    display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    color: #000;
}

.conteudo h3,
text-editor text-editor-conteudo h3 {
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    color: #000
}

.conteudo blockquote,
text-editor text-editor-conteudo blockquote {
    border-left: 2px solid #c7c7c7 !important;
    margin: 1em 40px !important;
    padding: 1em 20px !important;
    font-weight: bold;
}

@media(max-width: 991px) {

    .conteudo blockquote,
    text-editor text-editor-conteudo blockquote {
        margin: 1em 10px !important;
    }

}

.conteudo ul,
text-editor text-editor-conteudo ul {
    list-style-type: disc;
    margin-left: 15px;
}

.conteudo ul>ul,
text-editor text-editor-conteudo ul>ul {
    list-style-type: circle;
}

.conteudo ul>ul>ul,
text-editor text-editor-conteudo ul>ul>ul {
    list-style-type: square;
}

.conteudo ol,
text-editor text-editor-conteudo ol {
    list-style-type: decimal;
    margin-left: 15px;
}

.conteudo ol>ol,
text-editor text-editor-conteudo ol>ol {
    list-style-type: decimal-leading-zero;
}

.conteudo ol>ol>ol,
text-editor text-editor-conteudo ol>ol>ol {
    list-style-type: lower-roman;
}

.conteudo ol>ol>ol>ol,
text-editor text-editor-conteudo ol>ol>ol>ol {
    list-style-type: upper-roman;
}

.conteudo ol>ol>ol>ol>ol,
text-editor text-editor-conteudo ol>ol>ol>ol>ol {
    list-style-type: lower-greek;
}

.conteudo a,
text-editor a {
    text-decoration: underline;
    color: var(--cor-1);
}