.code-block{position:relative}.code-block>.copy-button{position:absolute;top:.5rem;right:.5rem;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;color:currentColor;opacity:.5;background:0 0;cursor:pointer;transition:opacity .2s,color .2s}.code-block:hover>.copy-button,.code-block>.copy-button:focus,.code-block>.copy-button:focus-visible{opacity:1}.code-block>.copy-button .check-icon{display:none}.code-block>.copy-button[data-copy-state=copied]{opacity:1;color:#22c55e}.code-block>.copy-button[data-copy-state=copied] .copy-icon{display:none}.code-block>.copy-button[data-copy-state=copied] .check-icon{display:block}