:root{--code-bg:#000000;--code-bg2:#050505}pre:not(.chroma){padding:10px;border:transparent;background:var(--code-bg2)}pre.chroma{margin:0;padding:12px;border:transparent;color:var(--foreground);background:var(--code-bg)}pre code{color:var(--foreground);border:none;background:0 0}code{color:var(--accent);font-size:.95em;text-size-adjust:100%}.highlight{position:relative;margin:18px 0;border:1px solid var(--code-border);padding:0;border:transparent;background:var(--code-bg);box-shadow:0 0 0 1px #000 inset}.highlight pre{border:none;margin:0}.code-title{display:flex;align-items:center;justify-content:space-between;background:var(--code-bg2);border-bottom:1px solid var(--code-border);color:color-mix(in srgb,var(--foreground) 70%,black);text-transform:uppercase;font-size:calc(var(--font-size) * .8);padding:6px 10px;letter-spacing:.5px}.copy-button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;text-decoration:none;text-align:center;font-size:13px;font-weight:500;border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);appearance:none;cursor:pointer;outline:none;background:color-mix(in srgb,var(--foreground) 3%,var(--background));opacity:.8;transition:background 120ms ease,opacity 120ms ease}.code-title .copy-button{z-index:1;background:color-mix(in srgb,var(--foreground) 5%,var(--background))}.code-title:hover .copy-button{opacity:1}.code-title .copy-button:hover{background:color-mix(in srgb,var(--accent) 8%,var(--background))}.collapsable-code{position:relative;width:100%;margin:20px 0;border:1px solid var(--accent);background:var(--code-bg)}.collapsable-code .highlight{margin:0;background:var(--code-bg)}.collapsable-code__title{display:inline-flex;align-items:center;flex:1;color:var(--accent);padding:4px 10px;font-size:calc(var(--font-size) * .9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--code-bg2)}.collapsable-code__language{color:var(--accent);border:1px solid var(--accent);border-bottom:none;text-transform:uppercase;padding:3px 10px;background:var(--code-bg2)}.collapsable-code summary{color:var(--accent);padding:4px 10px;cursor:pointer;background:var(--code-bg2)}.collapsable-code summary:hover{background:color-mix(in srgb,var(--accent) 15%,var(--code-bg))}.collapsable-code pre{margin-top:0;background:var(--code-bg)}.collapsable-code pre::first-line{line-height:0}