pre:not(.chroma){padding:10px}.chroma{background-color:color-mix(in srgb,var(--foreground) 5%,transparent)!important;color:var(--foreground)!important}.highlight pre.chroma{margin:0;padding:16px 20px;color:var(--foreground);background-color:color-mix(in srgb,var(--foreground) 5%,transparent)!important}pre code{color:var(--foreground);border:none;padding:0;margin:0;background:0 0!important;border-radius:0}code{color:var(--accent);text-size-adjust:100%;-webkit-text-size-adjust:100%}.highlight{position:relative;margin:20px 0;border:1px solid var(--code-border);border-radius:var(--radius-md);overflow:hidden}.highlight pre{border:none;margin:0;padding:0}.code-title{display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--foreground) 5%,transparent);border:1px solid var(--code-border);border-radius:var(--radius-md)var(--radius-md)0 0;color:var(--comment);text-transform:uppercase;font-size:calc(var(--font-size) * .7);padding:6px 10px;line-height:1;margin-top:20px}.code-title+.highlight{margin-top:0;border-top:none;border-radius:0 0 var(--radius-md)var(--radius-md)}.copy-button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;text-decoration:none;text-align:center;font-size:calc(var(--font-size) * .75);font-weight:500;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:var(--radius-sm);color:var(--comment);background:color-mix(in srgb,var(--foreground) 5%,var(--background));appearance:none;cursor:pointer;outline:none;transition:color .15s,border-color .15s,background .15s}.copy-button:hover{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--background))}