@layer ocx{pre[data-ocx-code-copy]{position:relative}.ocx-prose-copy{inline-size:var(--ocx-control-md);block-size:var(--ocx-control-md);color:var(--ocx-color-fg-subtle);border-radius:var(--ocx-radius-sm);cursor:pointer;opacity:0;transition:opacity var(--ocx-duration-base), color var(--ocx-duration-base);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset-block-start:var(--ocx-space-3);inset-inline-end:var(--ocx-space-3)}pre:hover>.ocx-prose-copy,.ocx-prose-copy:focus-visible,.ocx-prose-copy[data-copied]{opacity:1}@media (hover:none){.ocx-prose-copy{opacity:1}}.ocx-prose-copy:hover{color:var(--ocx-color-accent)}.ocx-prose-copy:focus-visible{outline:var(--ocx-focus-ring);outline-offset:var(--ocx-focus-offset)}.ocx-prose-copy[data-copied]{color:var(--ocx-color-success)}.ocx-prose-copy>svg{inline-size:var(--ocx-icon-md);block-size:var(--ocx-icon-md);grid-area:1/1}.ocx-prose-copy>[data-part=done],.ocx-prose-copy[data-copied]>[data-part=idle]{display:none}.ocx-prose-copy[data-copied]>[data-part=done]{display:block}}