/* Monaco vendor decorations and generated editor DOM that cannot be owned by scoped Razor CSS. */
@font-face {
    font-family: 'codicon';
    src: url('../fonts/codicon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.monaco-editor .codicon,
.monaco-action-bar .codicon,
.monaco-menu .codicon,
.context-view .codicon,
.quick-input-widget .codicon {
    display: inline-block;
    font-family: 'codicon' !important;
    font-size: 16px;
    line-height: 1;
}

.monaco-editor .action-widget {
    min-width: 300px !important;
    max-width: 500px !important;
}

.monaco-editor .action-widget .monaco-list-row {
    overflow: visible;
    white-space: nowrap;
}

.monaco-editor .action-widget .action-label {
    overflow: visible !important;
    text-overflow: clip !important;
}

/* Syntax decorations deliberately follow the Monaco theme rather than application chrome. */
.rs-monaco-tag {
    color: #ff6a00;
    background-color: rgb(255 106 0 / 10%);
    border-radius: 3px;
    font-weight: 600;
}

.rs-monaco-placeholder {
    color: #098658;
    font-weight: 600;
}

[data-theme="dark"] .rs-monaco-tag,
:root:not([data-theme="light"]) .rs-monaco-tag {
    color: #ffb86b;
    background-color: rgb(255 184 107 / 14%);
}

[data-theme="dark"] .rs-monaco-placeholder,
:root:not([data-theme="light"]) .rs-monaco-placeholder {
    color: #4ec9b0;
}