.code-block-wrapper{position:relative}.copy-code{position:absolute;top:10px;right:10px;z-index:10;opacity:0;transform:translateY(2px)}.code-block-wrapper:hover .copy-code{opacity:1;transform:translateY(0)}.code-block-wrapper .copy-code.copied,.code-block-wrapper .copy-code.failed{opacity:1;transform:translateY(0)}@media(hover:none){.copy-code{opacity:1;transform:translateY(0)}}.copy-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.copy-icon svg{display:block;width:14px;height:14px}.copy-code:active{transform:scale(.9)translateY(0)}.code-block-wrapper .copy-code.copied{background:rgba(74,222,128,.15);border-color:rgba(74,222,128,.3);color:#4ade80}.code-block-wrapper .copy-code.failed{background:rgba(248,113,113,.15);border-color:rgba(248,113,113,.3);color:#f87171}.copy-code:focus-visible{outline:2px solid rgba(102,126,234,.6);outline-offset:2px;opacity:1;transform:translateY(0)}[data-theme=dark] .copy-code{color:rgba(255,255,255,.6)}[data-theme=dark] .copy-code:hover{color:rgba(255,255,255,.85)}[data-theme=dark] .code-block-wrapper .copy-code.copied{background:rgba(74,222,128,.12);border-color:rgba(74,222,128,.25)}[data-theme=dark] .code-block-wrapper .copy-code.failed{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.25)}@media screen and (max-width:768px){.copy-code{top:8px;right:8px;width:32px;height:32px;opacity:1;transform:translateY(0)}.copy-code svg{width:16px;height:16px}}