.code-block-wrapper{position:relative}.copy-button{top:.75rem;right:.75rem;padding:.5rem;background-color:transparent;border:1px solid hsla(0,0%,100%,.1);border-radius:.375rem;color:hsla(0,0%,100%,.6);transition:all .2s}.code-block-wrapper:hover .copy-button{opacity:1}.copy-button:hover{background-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8)}.copy-button .copy-icon{display:inline-block;width:1rem;height:1rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 01-.75.75H9a.75.75 0 01-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2.25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 011.927-.184' /%3E%3C/svg%3E")}.copy-button.copied .copy-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='rgb(34 197 94)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4.5 12.75l6 6 9-13.5' /%3E%3C/svg%3E");color:#22c55e}.code-block{position:relative;margin:2em 0}.copy-button{position:absolute;top:8px;right:8px;background:transparent;border:none;padding:4px 8px;border-radius:4px;font-size:12px;font-family:sohne,Helvetica Neue,Helvetica,Arial,sans-serif;color:#757575;cursor:pointer;opacity:0;transition:opacity .2s ease,background-color .2s ease,color .2s ease;display:flex;align-items:center;gap:4px}:is(.dark .copy-button){color:#a3a3a3}.code-block:hover .copy-button{opacity:1}.copy-button:hover{background-color:rgba(41,41,41,.05);color:#292929}:is(.dark .copy-button):hover{background-color:hsla(0,0%,90%,.1);color:#e5e5e5}.copy-button.copied{color:#2563eb}:is(.dark .copy-button.copied){color:#60a5fa}.hljs{display:block;overflow-x:auto;padding:1em;color:#292929;background:#fafafa;border-radius:4px}:is(.dark .hljs){color:#e5e5e5;background:#262626}.hljs-comment,.hljs-quote{color:#757575;font-style:italic}:is(.dark .hljs-comment),:is(.dark .hljs-quote){color:#a3a3a3}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:#2563eb;font-weight:700}:is(.dark .hljs-keyword),:is(.dark .hljs-selector-tag),:is(.dark .hljs-subst){color:#60a5fa}.hljs-literal,.hljs-number,.hljs-tag .hljs-attr,.hljs-template-variable,.hljs-variable{color:#ea580c}:is(.dark .hljs-literal),:is(.dark .hljs-number),:is(.dark .hljs-tag) :is(.dark .hljs-attr),:is(.dark .hljs-template-variable),:is(.dark .hljs-variable){color:#fb923c}.hljs-doctag,.hljs-string{color:#16a34a}:is(.dark .hljs-doctag),:is(.dark .hljs-string){color:#4ade80}.hljs-section,.hljs-selector-id,.hljs-title{color:#be185d;font-weight:700}:is(.dark .hljs-section),:is(.dark .hljs-selector-id),:is(.dark .hljs-title){color:#f472b6}.hljs-class .hljs-title,.hljs-type{color:#9333ea;font-weight:700}:is(.dark .hljs-class) :is(.dark .hljs-title),:is(.dark .hljs-type){color:#c084fc}.hljs-attribute,.hljs-name,.hljs-tag{color:#2563eb;font-weight:400}:is(.dark .hljs-attribute),:is(.dark .hljs-name),:is(.dark .hljs-tag){color:#60a5fa}.hljs-link,.hljs-regexp{color:#10b981}:is(.dark .hljs-link),:is(.dark .hljs-regexp){color:#34d399}.hljs-bullet,.hljs-symbol{color:#be185d}:is(.dark .hljs-bullet),:is(.dark .hljs-symbol){color:#f472b6}.hljs-built_in,.hljs-builtin-name{color:#9333ea}:is(.dark .hljs-built_in),:is(.dark .hljs-builtin-name){color:#c084fc}.hljs-meta{color:#757575}:is(.dark .hljs-meta){color:#a3a3a3}.hljs-deletion{background:#fee2e2}:is(.dark .hljs-deletion){background:#7f1d1d}.hljs-addition{background:#dcfce7}:is(.dark .hljs-addition){background:#14532d}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}