.code-block-wrapper{position:relative}.code-lang-label{position:absolute;top:0;left:1rem;padding:.25rem .5rem;font-size:.7rem;font-family:var(--font-mono);color:#888;background:#1e1e1e;border-radius:0 0 4px 4px;text-transform:uppercase;z-index:1}.copy-button{position:absolute;top:.5rem;right:.5rem;padding:.5rem;background:#ffffff1a;border:none;border-radius:4px;color:#888;cursor:pointer;opacity:0;transition:all .2s ease;z-index:1}.code-block-wrapper:hover .copy-button{opacity:1}.copy-button:hover{background:#fff3;color:#fff}.copy-button.copied{color:#22c55e}.copy-button .hidden{display:none}@keyframes svelte-e007qk-zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-zoomIn.svelte-e007qk{animation:svelte-e007qk-zoomIn .2s ease-out forwards}@media (prefers-reduced-motion: reduce){.animate-zoomIn.svelte-e007qk{animation:none;opacity:1;transform:none}}