:root{--default-grid-pixels:8px;--default-header-height:64px}.comp-code-textarea pre code.hljs{padding:1em;display:block;overflow-x:auto}.comp-code-textarea code.hljs{padding:3px 5px}.comp-code-textarea .hljs{color:#2f3337;background:#f6f6f6}.comp-code-textarea .hljs-subst{color:#2f3337}.comp-code-textarea .hljs-comment{color:#656e77}.comp-code-textarea .hljs-keyword,.comp-code-textarea .hljs-selector-tag,.comp-code-textarea .hljs-meta .hljs-keyword,.comp-code-textarea .hljs-doctag,.comp-code-textarea .hljs-section,.comp-code-textarea .hljs-attr{color:#015692}.comp-code-textarea .hljs-attribute{color:#803378}.comp-code-textarea .hljs-name,.comp-code-textarea .hljs-type,.comp-code-textarea .hljs-number,.comp-code-textarea .hljs-selector-id,.comp-code-textarea .hljs-quote,.comp-code-textarea .hljs-template-tag{color:#b75501}.comp-code-textarea .hljs-selector-class{color:#015692}.comp-code-textarea .hljs-string,.comp-code-textarea .hljs-regexp,.comp-code-textarea .hljs-symbol,.comp-code-textarea .hljs-variable,.comp-code-textarea .hljs-template-variable,.comp-code-textarea .hljs-link,.comp-code-textarea .hljs-selector-attr{color:#54790d}.comp-code-textarea .hljs-meta,.comp-code-textarea .hljs-selector-pseudo{color:#015692}.comp-code-textarea .hljs-built_in,.comp-code-textarea .hljs-title,.comp-code-textarea .hljs-literal{color:#b75501}.comp-code-textarea .hljs-bullet,.comp-code-textarea .hljs-code{color:#535a60}.comp-code-textarea .hljs-meta .hljs-string{color:#54790d}.comp-code-textarea .hljs-deletion{color:#c02d2e}.comp-code-textarea .hljs-addition{color:#2f6f44}.comp-code-textarea .hljs-emphasis{font-style:italic}.comp-code-textarea .hljs-strong{font-weight:700}.comp-code-textarea{--height:184px;flex:1;position:relative}.comp-code-textarea .fake-textarea{z-index:1;pointer-events:none;width:100%;position:absolute}.comp-code-textarea .fake-textarea>label{visibility:hidden;padding-bottom:8px;display:block}.comp-code-textarea .fake-textarea .hljs{white-space:pre-wrap;word-break:break-word}.comp-code-textarea .fake-textarea pre{border-radius:var(--default-border-radius);background:0 0;border:1px solid #0000;margin:0;padding:4px 8px}.comp-code-textarea .fake-textarea pre code.hljs{height:var(--height);background:0 0;padding:0;line-height:normal;overflow:hidden}.comp-code-textarea .input-textarea{width:100%}.comp-code-textarea textarea{height:var(--height);font-family:monospace}