@layer components{:root{--c-code--border-radius:var(--border-radius);--c-code--corner-shape:var(--corner-shape);--c-code--font-family-code:var(--font-family-code);--c-code--space:var(--space);--c-code--color--surface-border:var(--color--surface-border);--c-code--color--surface-alt:var(--color--surface-alt);--c-code--color--surface-contrast-muted:var(--color--surface-contrast-muted)}.c-code{--c-code--border:1px solid var(--c-code--color--surface-border,var(--inherit-color-border,var(--c-code--color--surface-border-default,var(--color--surface-border))));corner-shape:var(--c-code--corner-shape,var(--corner-shape));background-color:var(--c-code--color--surface-alt,var(--inherit-color-background-hover,var(--c-code--color--surface-alt-default,var(--color--surface-alt))));border:var(--c-code--border);border-radius:calc((var(--c-code--border-radius, var(--border-radius)))*var(--base)*1.5);overflow:hidden;position:relative}.c-code code[class*=language-],.c-code pre[class*=language-]{color:var(--c-code--color--surface-contrast-muted,var(--inherit-color-contrast-muted,var(--c-code--color--surface-contrast-muted-default,var(--color--surface-contrast-muted))));font-family:var(--c-code--font-family-code,var(--font-family-code))}.c-code .code-toolbar{background-color:var(--c-code--color--surface-alt,var(--inherit-color-background-hover,var(--c-code--color--surface-alt-default,var(--color--surface-alt))));overflow:auto}.c-code .code-toolbar>pre[class*=language-]{background:transparent;border:0;margin:0;padding:calc((var(--c-code--space, var(--space)))*var(--base)*3)}.c-code .code-toolbar>.toolbar{right:calc((var(--c-code--space, var(--space)))*var(--base)*1);top:calc((var(--c-code--space, var(--space)))*var(--base)*1)}.c-code__pre{font-family:var(--c-code--font-family-code,var(--font-family-code));margin:0}.c-code__output{display:block}}