.code-block{border:1px solid var(--wp--preset--color--border);border-radius:var(--wp--custom--radius--m);margin-block:1.5rem 0;overflow:hidden}.code-block>pre{border:0;border-radius:0;margin:0}.code-block__bar{align-items:center;background-color:#16202b;border-bottom:1px solid #223041;color:#93a1b0;display:flex;font-family:var(--wp--preset--font-family--monospace);font-size:var(--wp--preset--font-size--x-small);justify-content:space-between;min-height:2.75rem;padding:0 .5rem 0 1rem}.code-block__copy{background:transparent;border:1px solid #223041;border-radius:.375rem;color:inherit;cursor:pointer;font:inherit;min-height:2rem;padding:0 .75rem}.code-block__copy:hover{border-color:#93a1b0;color:#e6edf3}.hljs{background:transparent;color:#e6edf3}.hljs-comment,.hljs-meta,.hljs-quote{color:#7d8b99;font-style:italic}.hljs-built_in,.hljs-keyword,.hljs-literal,.hljs-name,.hljs-selector-tag,.hljs-tag,.hljs-type{color:#5aa9ff}.hljs-addition,.hljs-regexp,.hljs-string,.hljs-template-tag{color:#ffb38a}.hljs-bullet,.hljs-link,.hljs-number,.hljs-symbol{color:#f5b041}.hljs-attr,.hljs-attribute,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-title{color:#4cc38a}.hljs-params,.hljs-template-variable,.hljs-variable{color:#e6edf3}.hljs-deletion{color:#ff7a6b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}