:is(.post-content-body,.abc-author-bio,.note-editable) pre.abc-code-block,:is(.post-content-body,.abc-author-bio,.note-editable) pre{position:relative;display:block;background:#101b29!important;color:#e6edf3!important;border:1px solid #263648;border-radius:12px;padding:46px 20px 20px!important;margin:24px 0;overflow:auto;max-width:100%;font:14px/1.8 Consolas,"Cascadia Code",Menlo,monospace;white-space:pre;tab-size:4}
.abc-code-block:before{content:attr(data-language-label);position:absolute;left:20px;top:12px;color:#91a9be;font:700 11px/1.5 Manrope,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}
:is(.post-content-body,.abc-author-bio,.note-editable) pre>code{display:block;color:#e6edf3!important;background:transparent!important;font:inherit!important;padding:0!important;border:0!important;white-space:pre;word-break:normal;overflow-wrap:normal}
.note-editable pre.abc-code-block{cursor:pointer;outline-offset:3px}.note-editable pre.abc-code-block:hover{border-color:#4ab5ac}.note-editable pre.abc-code-block:focus-visible{outline:2px solid #4ab5ac}
.abc-code-block .hljs-keyword,.abc-code-block .hljs-selector-tag,.abc-code-block .hljs-literal{color:#c792ea}.abc-code-block .hljs-string,.abc-code-block .hljs-regexp,.abc-code-block .hljs-addition{color:#a7df80}.abc-code-block .hljs-number,.abc-code-block .hljs-symbol,.abc-code-block .hljs-bullet{color:#f5ad75}.abc-code-block .hljs-comment,.abc-code-block .hljs-quote{color:#8092a4;font-style:italic}.abc-code-block .hljs-title,.abc-code-block .hljs-title.function_,.abc-code-block .hljs-title.class_{color:#82c9ff}.abc-code-block .hljs-variable,.abc-code-block .hljs-params{color:#efda98}.abc-code-block .hljs-attr,.abc-code-block .hljs-attribute{color:#80d6cb}.abc-code-block .hljs-tag,.abc-code-block .hljs-name,.abc-code-block .hljs-deletion{color:#ff9393}.abc-code-block .hljs-built_in,.abc-code-block .hljs-type{color:#76d4d2}.abc-code-block .hljs-meta{color:#f2c67d}.abc-code-block .hljs-subst{color:#e6edf3}
.abc-code-modal .modal-dialog{max-width:min(1180px,calc(100vw - 32px))}.abc-code-modal .modal-content{border:0;border-radius:18px;overflow:hidden}.abc-code-modal .modal-header,.abc-code-modal .modal-body,.abc-code-modal .modal-footer{padding:18px 24px}.abc-code-modal .modal-title{font-family:Manrope,system-ui,sans-serif;font-size:1.2rem!important}.abc-code-modal .modal-header{background:#f2f7f6}.abc-code-modal .modal-footer{background:#f2f7f6}.abc-code-modal .abc-code-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.abc-code-modal .abc-code-columns>div{min-width:0}.abc-code-modal label{display:block;font-size:.8rem;font-weight:800;margin-bottom:8px}.abc-code-modal select{max-width:320px;margin-bottom:18px}.abc-code-modal textarea{width:100%;height:360px;resize:vertical;box-sizing:border-box;border:1px solid #314457;border-radius:12px;background:#101b29;color:#e6edf3;padding:16px;font:14px/1.8 Consolas,Menlo,monospace;white-space:pre;tab-size:4}.abc-code-modal .abc-code-preview{height:360px;margin:0;overflow:auto;background:#101b29;color:#e6edf3;border:1px solid #314457;border-radius:12px;padding:16px;font:14px/1.8 Consolas,Menlo,monospace;white-space:pre;tab-size:4}.abc-code-modal .abc-code-preview code{font:inherit;color:inherit;white-space:pre}.abc-code-modal .abc-code-help{display:block;margin-top:12px;color:#607a85;font-size:.78rem}.abc-code-modal .modal-body{max-height:calc(100dvh - 180px);overflow:auto}
@media(max-width:767.98px){.abc-code-modal .abc-code-columns{grid-template-columns:1fr}.abc-code-modal textarea,.abc-code-modal .abc-code-preview{height:240px}.abc-code-modal .modal-dialog{max-width:calc(100vw - 16px);margin:8px}.abc-code-modal .modal-body,.abc-code-modal .modal-header,.abc-code-modal .modal-footer{padding:14px}:is(.post-content-body,.abc-author-bio,.note-editable) pre{font-size:12px;padding-left:14px!important;padding-right:14px!important}}
.note-editable pre.abc-code-block{cursor:text}
:is(.post-content-body,.abc-author-bio,.note-editable) pre,:is(.post-content-body,.abc-author-bio,.note-editable) pre>code,.abc-code-modal .abc-code-preview,.abc-code-modal .abc-code-preview code,.abc-code-modal textarea{white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:normal!important}
