.pre-button-container{position:absolute;top:.2rem;right:.4rem;display:flex;gap:.5rem;z-index:10}.copy-code-button,.edit-code-button{background:rgba(255,255,255,4%);border:1px solid #555;cursor:pointer;padding:0 .3rem;font-size:.65rem;height:22px;line-height:1;display:flex;align-items:center;gap:.25rem;border-radius:3px;opacity:0;color:#ccc;transition:opacity .2s ease}.copy-code-button svg,.edit-code-button svg{width:12px;height:12px;stroke:currentColor}.copy-code-button,.edit-code-button{transition:color .3s ease}.copy-code-button.success,.edit-code-button.success{color:#32cd32}pre:hover .copy-code-button,pre:hover .edit-code-button{opacity:1}.copy-code-button:focus,.edit-code-button:focus{outline:2px solid #555;outline-offset:2px;color:#fff}pre>code[contenteditable=true]{outline:none;padding:.5em 1em;border:1.5px solid #3eaf7c;border-radius:6px;background-color:rgba(255,255,255,5%);box-shadow:0 0 6px rgba(62,175,124,.3);transition:all .3s ease;white-space:pre-wrap;color:inherit}pre>code[contenteditable=true]:focus{box-shadow:0 0 8px 2px rgba(62,175,124,.5);border-color:#3eaf7c}