.window.svelte-vfy4x{flex-direction:column;height:100%;display:flex}.toolbar.svelte-vfy4x{background-color:var(--bg-200);justify-content:space-between;align-items:center;gap:var(--space-2);padding-inline:var(--space-2);padding-block:var(--space-2);display:flex;& p:where(.svelte-vfy4x){font-size:var(--size-sm);margin-inline-end:auto}& button:where(.svelte-vfy4x){padding-inline:var(--space-2);padding-block:var(--space-1);background-color:#0000;&:hover,&:focus{background-color:var(--bg-400)}}}.body.svelte-vfy4x{gap:var(--space-1);--pre-ch-width:calc(1ch * var(--pre-line-number-width,4));contain:strict;overscroll-behavior:contain;flex:auto;grid-template-columns:auto;max-height:100%;display:grid;position:relative;overflow-y:auto;@media (prefers-reduced-motion:no-preference){scroll-behavior:smooth}&.with-line-numbers{grid-template-columns:calc(var(--pre-ch-width) + 1ch) 1fr}&.with-line-numbers.with-coverage{grid-template-columns:calc(var(--pre-ch-width) + 1.5ch) 1fr;gap:0;& .line-number-range:where(.svelte-vfy4x){border-inline-end:.5ch solid #0000;padding-right:.5ch}& .uncovered:where(.svelte-vfy4x){border-color:light-dark(var(--red-300),var(--red-400))}}&>:where(.svelte-vfy4x){padding-block:var(--space-2);line-height:var(--pre-line-height,20px);font-family:var(--font-mono);font-size:var(--size-specimen);min-height:100%}}.line-numbers.svelte-vfy4x{color:var(--fg-400);text-align:end;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:pre}.line-number-range.svelte-vfy4x{border-inline-end:.3em solid #0000}pre.svelte-vfy4x{padding-inline:var(--space-2);overflow-inline:auto;overflow-block:hidden;height:100%;max-height:100%;color:var(--fg-200);&:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}&.wrap{white-space:pre-wrap;-webkit-hyphens:none;hyphens:none;overflow-x:clip}}.language-css.svelte-vfy4x{contain:strict}.svelte-vfy4x::highlight(lines){background-color:var(--highlight-code)}
