@layer cs.components{.cs-codeblock.svelte-x44t5r{--cb-shade-w:2rem;--cb-bg:var(--cs-syntax-bg);border-radius:var(--cs-radius-lg);background:var(--cb-bg);min-inline-size:0;box-shadow:inset 0 0 0 var(--cs-bw) var(--cs-line-1);margin:0;display:grid;position:relative;overflow:clip}.cs-codeblock-bar.svelte-x44t5r{align-items:center;gap:var(--cs-space-2);min-block-size:calc(var(--cs-control-h-sm) + var(--cs-space-2));padding:var(--cs-space-1) var(--cs-space-1) var(--cs-space-1) var(--cs-space-3);border-block-end:var(--cs-bw) solid var(--cs-line-1);background:var(--cs-surface-1);display:flex}.cs-codeblock-title.svelte-x44t5r{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-family:var(--cs-font-mono);font-feature-settings:var(--cs-font-features-mono);font-size:var(--cs-text-xs);color:var(--cs-text-1);overflow:hidden}.cs-codeblock-lang.svelte-x44t5r{padding:0 var(--cs-space-1-5);border-radius:var(--cs-radius-xs);box-shadow:inset 0 0 0 var(--cs-bw) var(--cs-line-2);font-family:var(--cs-font-label);font-size:var(--cs-label-size);font-weight:var(--cs-label-weight);letter-spacing:var(--cs-label-track);text-transform:var(--cs-label-transform);color:var(--cs-text-2);flex:none;line-height:1.6}.cs-codeblock-tools.svelte-x44t5r{align-items:center;gap:var(--cs-space-0-5);margin-inline-start:auto;display:inline-flex}.cs-codeblock-scroll.svelte-x44t5r{overscroll-behavior-x:contain;min-inline-size:0;position:relative;overflow:auto}.cs-codeblock-scroll.svelte-x44t5r:focus-visible{outline:var(--cs-focus-width) solid var(--cs-focus);outline-offset:calc(var(--cs-focus-width) * -1);box-shadow:none;border-radius:inherit}.cs-codeblock.svelte-x44t5r:not([data-bar]) .cs-codeblock-scroll:where(.svelte-x44t5r){border-radius:var(--cs-radius-lg)}.cs-codeblock[data-bar].svelte-x44t5r .cs-codeblock-scroll:where(.svelte-x44t5r){border-end-end-radius:var(--cs-radius-lg);border-end-start-radius:var(--cs-radius-lg)}.cs-codeblock-pre.svelte-x44t5r{padding:var(--cs-space-3) var(--cs-space-4);font-size:var(--cs-text-sm);tab-size:2;counter-reset:cs-line;margin:0;line-height:1.65}.cs-codeblock.svelte-x44t5r:not([data-bar]) .cs-codeblock-pre:where(.svelte-x44t5r){padding-inline-end:calc(var(--cs-space-4) + var(--cs-control-h-sm))}.cs-codeblock-code.svelte-x44t5r{font-size:inherit;color:var(--cs-syntax-text)}.cs-codeblock-line.svelte-x44t5r{min-block-size:1.65em;display:block}.cs-codeblock[data-wrap].svelte-x44t5r .cs-codeblock-pre:where(.svelte-x44t5r){white-space:pre-wrap;overflow-wrap:anywhere}.cs-codeblock[data-numbers].svelte-x44t5r .cs-codeblock-pre:where(.svelte-x44t5r){padding-inline-start:0}.cs-codeblock[data-numbers].svelte-x44t5r .cs-codeblock-line:where(.svelte-x44t5r){text-indent:-3.25rem;counter-increment:cs-line;padding-inline-start:3.25rem}.cs-codeblock[data-numbers].svelte-x44t5r .cs-codeblock-line:where(.svelte-x44t5r):before{content:counter(cs-line);text-align:end;text-indent:0;inline-size:2.5rem;color:var(--cs-text-3);border-inline-end:var(--cs-bw) solid var(--cs-line-1);-webkit-user-select:none;user-select:none;margin-inline-end:.75rem;padding-inline-end:.625rem;display:inline-block}.cs-codeblock-body.svelte-x44t5r{min-inline-size:0;display:grid;position:relative}.cs-codeblock-body.svelte-x44t5r:before,.cs-codeblock-body.svelte-x44t5r:after{content:"";z-index:2;inline-size:var(--cb-shade-w);pointer-events:none;opacity:0;transition:opacity var(--cs-dur-3) var(--cs-ease-standard);position:absolute;inset-block:0}.cs-codeblock-body.svelte-x44t5r:before{background:linear-gradient(to right, var(--cb-bg) 15%, transparent);inset-inline-start:0}.cs-codeblock-body.svelte-x44t5r:after{background:linear-gradient(to left, var(--cb-bg) 15%, transparent);inset-inline-end:0}.cs-codeblock[data-overflow-start].svelte-x44t5r .cs-codeblock-body:where(.svelte-x44t5r):before,.cs-codeblock[data-overflow-end].svelte-x44t5r .cs-codeblock-body:where(.svelte-x44t5r):after{opacity:1}.cs-codeblock-float.svelte-x44t5r{z-index:3;border-radius:var(--cs-control-radius);background:var(--cb-bg);position:absolute;inset-block-start:var(--cs-space-1-5);inset-inline-end:var(--cs-space-1-5)}:root[data-cs-theme=contrast] .cs-codeblock.svelte-x44t5r{box-shadow:inset 0 0 0 var(--cs-bw) var(--cs-line-2)}:root[data-cs-theme=contrast] .cs-codeblock[data-overflow-end].svelte-x44t5r .cs-codeblock-scroll:where(.svelte-x44t5r){border-inline-end:2px solid var(--cs-line-3)}:root[data-cs-theme=contrast] .cs-codeblock[data-overflow-start].svelte-x44t5r .cs-codeblock-scroll:where(.svelte-x44t5r){border-inline-start:2px solid var(--cs-line-3)}}