.faro-markdown-tool {
    width: 100%;
}

.faro-markdown-tool__input {
    box-sizing: border-box;
    width: 100%;
    min-height: 14rem;
    resize: vertical;
    border: 1px solid rgb(212 212 216);
    border-radius: 0.5rem;
    background: rgb(255 255 255);
    padding: 0.875rem 1rem;
    color: rgb(24 24 27);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.875rem;
    line-height: 1.6;
    tab-size: 4;
    white-space: pre-wrap;
}

.faro-markdown-tool__input:focus {
    border-color: rgb(245 158 11);
    outline: 2px solid rgb(245 158 11 / 0.2);
    outline-offset: 1px;
}

.faro-markdown-tool__input[readonly] {
    cursor: default;
    opacity: 0.85;
}

.dark .faro-markdown-tool__input {
    border-color: rgb(82 82 91);
    background: rgb(39 39 42);
    color: rgb(244 244 245);
}