.code-block-wrapper{position:relative}.code-block-wrapper pre [data-line]{padding-right:80px}.copy-code-btn{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);color:rgba(255,255,255,.5);font-size:.75rem;font-family:var(--font-sans);cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease,color .2s ease;z-index:1}.code-block-wrapper:hover .copy-code-btn,.copy-code-btn:focus-visible{opacity:1}.copy-code-btn:hover{background:rgba(255,255,255,.14);color:rgba(255,255,255,.8)}.copy-code-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;opacity:1}.copy-code-btn.copied{color:var(--accent-primary);border-color:rgba(16,185,129,.3);background:rgba(16,185,129,.1)}.copy-code-btn svg{width:14px;height:14px;flex-shrink:0}@media (hover:none){.copy-code-btn{opacity:1}}@media (prefers-reduced-motion:reduce){.copy-code-btn{transition:none}}