:root{--code-border:color-mix(in srgb, var(--foreground) 10%, transparent);--code-bg:color-mix(in srgb, var(--foreground) 3%, transparent);--code-title-bg:color-mix(in srgb, var(--foreground) 5%, transparent)}pre{margin:0;padding:16px!important;color:var(--foreground)!important;border-radius:var(--radius);background:var(--code-bg)!important}pre code{color:inherit!important;border:none;background:0 0!important;display:block}code{color:var(--accent);text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}.highlight{position:relative;margin:24px 0;border:1px solid var(--code-border);border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 4px color-mix(in srgb,var(--foreground) 5%,transparent)}.highlight pre{border:none}.code-title{display:flex;align-items:center;justify-content:space-between;background:var(--code-title-bg);border-bottom:1px solid var(--code-border);color:var(--comment);text-transform:uppercase;font-size:calc(var(--font-size) * .75);padding:8px 12px;line-height:1}.copy-button,.collapsable-code__copy{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;font-size:calc(var(--font-size) * .75);font-weight:500;background:0 0;color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;outline:none}.copy-button:hover,.collapsable-code__copy:hover{background:color-mix(in srgb,var(--accent) 15%,transparent)}.copy-button.copied,.collapsable-code__copy.copied{background:var(--accent);color:var(--background);border-color:var(--accent)}.collapsable-code{position:relative;width:100%;margin:24px 0;border:1px solid var(--code-border);border-radius:var(--radius);background:var(--code-bg);overflow:hidden;box-shadow:0 2px 4px color-mix(in srgb,var(--foreground) 5%,transparent)}.collapsable-code .highlight{margin:0;border:none;box-shadow:none}.collapsable-code summary{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;background:var(--code-title-bg);border-bottom:1px solid var(--code-border);transition:background .2s ease}.collapsable-code summary:hover{background:color-mix(in srgb,var(--foreground) 8%,transparent)}.collapsable-code__title{display:inline-flex;align-items:center;flex:1;color:var(--accent);font-size:calc(var(--font-size) * .9);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;gap:8px}.collapsable-code__language{color:var(--accent);border:1px solid var(--accent);border-bottom:none;text-transform:uppercase;padding:3px 10px}.collapsable-code pre{margin:0;padding:16px}.collapsable-code[open] summary{margin-bottom:0}.collapsable-code__copy{opacity:0;transition:opacity .2s ease}.collapsable-code summary:hover .collapsable-code__copy{opacity:1}pre code{display:block;overflow-x:auto;padding:0 4px}.lntd{user-select:none;color:var(--comment)!important;padding-right:12px!important;border-right:1px solid var(--code-border)!important;margin-right:12px!important}.ln{color:var(--comment)!important}.highlight pre,.collapsable-code pre{scrollbar-width:thin;scrollbar-color:var(--foreground)transparent}.highlight pre::-webkit-scrollbar,.collapsable-code pre::-webkit-scrollbar{height:8px;width:8px}.highlight pre::-webkit-scrollbar-track,.collapsable-code pre::-webkit-scrollbar-track{background:0 0}.highlight pre::-webkit-scrollbar-thumb,.collapsable-code pre::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--foreground) 30%,transparent);border-radius:4px;border:2px solid transparent;background-clip:content-box}.highlight pre::-webkit-scrollbar-thumb:hover,.collapsable-code pre::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--foreground) 50%,transparent)}.highlight pre::-webkit-scrollbar-corner,.collapsable-code pre::-webkit-scrollbar-corner{background:0 0}