.code-field{border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius-sm);background:var(--bs-body-bg)}.code-field:focus-within{border-color:var(--bs-primary-border-subtle);box-shadow:0 0 0 .15rem rgba(var(--bs-primary-rgb),.15)}.code-field.is-invalid{border-color:var(--bs-danger)}.code-field>textarea{width:100%;border:0;resize:vertical;min-height:6rem;padding:.25rem .5rem;background:0 0;color:var(--bs-body-color)}.code-field .CodeMirror{font-family:var(--bs-font-monospace);font-size:.8125rem;line-height:1.45;background:var(--bs-body-bg);color:var(--bs-body-color);border-radius:var(--bs-border-radius-sm) var(--bs-border-radius-sm) 0 0}.code-field .CodeMirror-gutters{background:var(--bs-tertiary-bg);border-right:1px solid var(--bs-border-color)}.code-field .CodeMirror-linenumber{color:var(--bs-secondary-color)}.code-field .CodeMirror-cursor{border-left-color:var(--bs-body-color)}.code-field .CodeMirror-focused .CodeMirror-selected,.code-field .CodeMirror-selected{background:rgba(var(--bs-primary-rgb),.18)}.code-field .CodeMirror-matchingbracket{color:inherit!important;background:rgba(var(--bs-success-rgb),.25);outline:1px solid rgba(var(--bs-success-rgb),.5)}.code-field .code-field-errline{background:rgba(var(--bs-danger-rgb),.14)}.code-field.is-readonly .CodeMirror{background:var(--bs-tertiary-bg)}.code-field-bar{display:flex;align-items:center;gap:.5rem;padding:.15rem .5rem;border-top:1px solid var(--bs-border-color);background:var(--bs-tertiary-bg)}.code-field-bar .btn-link{text-decoration:none}[data-bs-theme=dark] .code-field .cm-string{color:#c3e88d}[data-bs-theme=dark] .code-field .cm-number{color:#f78c6c}[data-bs-theme=dark] .code-field .cm-atom{color:#f78c6c}[data-bs-theme=dark] .code-field .cm-property{color:#80cbc4}[data-bs-theme=dark] .code-field .cm-keyword{color:#c792ea}[data-bs-theme=dark] .code-field .cm-comment{color:#6a737d;font-style:italic}[data-bs-theme=dark] .code-field .cm-bracket{color:#89ddff}