:is(.qg-post-body__inner,html) .qv-code__box{background:var(--qg-navy);border-radius:16px;overflow:hidden;position:relative}:is(.qg-post-body__inner,html) .qv-code__bar{align-items:center;display:flex;justify-content:space-between;padding:12px 16px 0 24px}:is(.qg-post-body__inner,html) .qv-code__lang{color:var(--qg-ink-400);font:500 11px/1 var(--qg-font-mono);letter-spacing:.08em}:is(.qg-post-body__inner,html) .qv-code__copy{background:none;border:1px solid hsla(0,0%,100%,.18);border-radius:9999px;color:var(--qg-ink-200);cursor:pointer;font:500 12px/1 var(--qg-font-body);padding:6px 12px}:is(.qg-post-body__inner,html) .qv-code__copy:hover{border-color:var(--qg-mint);color:var(--qg-mint)}:is(.qg-post-body__inner,html) .qv-code__copy:focus-visible{outline:2px solid var(--qg-mint);outline-offset:2px}:is(.qg-post-body__inner,html) .qv-code__pre{background:none;border:0;border-radius:0;color:#e2e8f0;font:400 13px/1.6 var(--qg-font-mono);margin:0;overflow-x:auto;padding:12px 24px 22px;tab-size:2;white-space:pre}:is(.qg-post-body__inner,html) .qv-code__pre code{background:none;color:inherit;font:inherit;padding:0}:is(.qg-post-body__inner,html) .qv-code__pre:focus-visible{outline:2px solid var(--qg-mint);outline-offset:-2px}:is(.qg-post-body__inner,html) .qv-code .tk-c{color:#7c8798;font-style:italic}:is(.qg-post-body__inner,html) .qv-code .tk-s{color:var(--qg-mint)}:is(.qg-post-body__inner,html) .qv-code .tk-k{color:#93c5fd}:is(.qg-post-body__inner,html) .qv-code .tk-n{color:#fdba74}:is(.qg-post-body__inner,html) .qv-code__caption{color:var(--qg-ink-500);font:400 13px/1.5 var(--qg-font-body);margin:12px 0 0}