.mock-browser.svelte-1ourcmo{min-width:0;display:flex}.mock-browser__shell.svelte-1ourcmo{border:1px solid var(--color-border-default);background:var(--color-neutral-0);width:100%;min-width:0;color:var(--color-text-default);border-radius:1.1em;flex-direction:column;display:flex;overflow:hidden}.mock-browser__shell.is-elevated.svelte-1ourcmo{box-shadow:var(--shadow-1)}.mock-browser.is-dark.svelte-1ourcmo .mock-browser__shell:where(.svelte-1ourcmo){border-color:color-mix(in srgb, var(--color-neutral-0) 12%, transparent);background:var(--color-secondary-600);color:var(--color-neutral-0)}.mock-browser__tabs.svelte-1ourcmo{background:var(--color-neutral-25);padding:.5em .7em 0;display:flex}.mock-browser.is-dark.svelte-1ourcmo .mock-browser__tabs:where(.svelte-1ourcmo){background:var(--color-secondary-700)}.mock-browser__tab.svelte-1ourcmo{background:var(--color-neutral-0);max-width:40%;color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;border-radius:.6em .6em 0 0;padding:.45em .9em;overflow:hidden}.mock-browser.is-dark.svelte-1ourcmo .mock-browser__tab:where(.svelte-1ourcmo){background:var(--color-secondary-600);color:var(--color-neutral-200)}.mock-browser__bar.svelte-1ourcmo{border-bottom:1px solid var(--color-border-default);background:var(--color-neutral-25);align-items:center;gap:.7em;min-width:0;padding:.6em .9em;display:flex}.mock-browser.is-dark.svelte-1ourcmo .mock-browser__bar:where(.svelte-1ourcmo){border-bottom-color:color-mix(in srgb, var(--color-neutral-0) 10%, transparent);background:var(--color-secondary-700)}.mock-browser__lights.svelte-1ourcmo{flex-shrink:0;gap:.4em;display:flex}.mock-browser__light.svelte-1ourcmo{border-radius:999px;width:.72em;height:.72em;display:block}.mock-browser__nav.svelte-1ourcmo{color:var(--color-icon-placeholder);flex-shrink:0;align-items:center;gap:.55em;display:flex}.mock-browser.is-dark.svelte-1ourcmo .mock-browser__nav:where(.svelte-1ourcmo){color:var(--color-neutral-400)}.mock-browser__url.svelte-1ourcmo{border:1px solid var(--color-border-default);background:var(--color-neutral-0);min-width:0;color:var(--color-text-tertiary);border-radius:999px;flex:auto;align-items:center;gap:.45em;padding:.4em .9em;display:flex}.mock-browser.is-dark.svelte-1ourcmo .mock-browser__url:where(.svelte-1ourcmo){border-color:color-mix(in srgb, var(--color-neutral-0) 12%, transparent);background:color-mix(in srgb, var(--color-neutral-0) 8%, transparent);color:var(--color-neutral-200)}.mock-browser__url-text.svelte-1ourcmo{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mock-browser__chrome.svelte-1ourcmo{flex-shrink:0;align-items:center;gap:.4em;display:flex}.mock-browser__badge.svelte-1ourcmo{white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:.35em;padding:.35em .75em;font-weight:500;display:inline-flex}.mock-browser__viewport.svelte-1ourcmo{background:var(--color-neutral-0);flex:auto;min-height:0;position:relative;overflow:hidden}.mock-browser.is-dark.svelte-1ourcmo .mock-browser__viewport:where(.svelte-1ourcmo){background:var(--color-secondary-600)}.mock-browser__viewport.is-padded.svelte-1ourcmo{padding:1.4em}