.codeblock{position:relative}.codeblock__copy{font-family:var(--font-dm-sans), "DM Sans", system-ui, sans-serif;color:var(--text-2);background:var(--bg-2);border:1px solid var(--line);cursor:pointer;opacity:0;z-index:2;border-radius:5px;padding:4px 10px;font-size:11.5px;transition:opacity .15s,color .15s,background .15s;position:absolute;top:8px;right:8px}.codeblock:hover .codeblock__copy,.codeblock:focus-within .codeblock__copy,.codeblock__copy:focus-visible{opacity:1}.codeblock__copy:hover,.codeblock__copy:focus-visible{color:var(--text);background:var(--bg-3);border-color:var(--line-2);outline:none}.codeblock__copy:focus-visible{outline:2px solid var(--amber);outline-offset:2px}@media (prefers-reduced-motion:reduce){.codeblock__copy{transition:color .12s,background .12s}}