.device.svelte-1l0sumj{--device-bezel:color-mix(in oklab, var(--gm-text-primary) 12%, var(--gm-bg-primary));--device-rim:var(--gm-border-hover);--device-island:color-mix(in oklab, var(--gm-bg-primary), black 60%);--device-chrome:var(--gm-bg-elevated);--device-chrome-text:var(--gm-text-muted);width:100%;color:var(--gm-text-primary);margin-inline:auto;position:relative;container-type:inline-size}[data-theme=light] .device.svelte-1l0sumj{--device-bezel:color-mix(in oklab, var(--gm-text-primary) 88%, var(--gm-bg-primary));--device-rim:color-mix(in oklab, var(--gm-text-primary) 70%, var(--gm-bg-primary));--device-island:color-mix(in oklab, var(--gm-text-primary), black 40%)}.device-screen.svelte-1l0sumj{aspect-ratio:var(--device-screen-ratio);background:var(--gm-bg-primary);-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;word-break:normal;flex-direction:column;display:flex;position:relative;overflow:hidden}.device-screen.svelte-1l0sumj>img,.device-screen.svelte-1l0sumj>picture,.device-screen.svelte-1l0sumj>video{object-fit:cover;width:100%;height:100%;display:block}.device--phone.svelte-1l0sumj{max-width:22rem}.device--phone.svelte-1l0sumj .device-body:where(.svelte-1l0sumj){background:var(--device-bezel);box-shadow:0 0 0 1px var(--device-rim), var(--gm-shadow-lg);border-radius:15.5cqi;padding:4.4cqi}.device--phone.svelte-1l0sumj .device-screen:where(.svelte-1l0sumj){border-radius:11.4cqi}.device-island.svelte-1l0sumj{background:var(--device-island);width:31%;height:8.9cqi;z-index:calc(var(--gm-z-base) + 1);pointer-events:none;border-radius:999px;position:absolute;top:2.8cqi;left:50%;transform:translate(-50%)}.device--browser.svelte-1l0sumj .device-body:where(.svelte-1l0sumj){border-radius:var(--gm-radius-lg);background:var(--device-chrome);box-shadow:0 0 0 1px var(--gm-border), var(--gm-shadow-lg);overflow:hidden}.device-bar.svelte-1l0sumj{border-bottom:1px solid var(--gm-border);align-items:center;gap:2cqi;height:clamp(1.75rem,3.4cqi,2.5rem);padding-inline:1.6cqi;display:flex}.device-lights.svelte-1l0sumj{gap:.45em;font-size:clamp(.45rem,.8cqi,.7rem);display:inline-flex}.device-lights.svelte-1l0sumj i:where(.svelte-1l0sumj){background:var(--gm-border-hover);border-radius:50%;width:1em;height:1em}.device-url.svelte-1l0sumj{background:var(--gm-bg-secondary);max-width:60%;color:var(--device-chrome-text);text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:1;margin-inline:auto;padding:.2em 1em;font-size:clamp(.6rem,1.1cqi,.8rem);overflow:hidden}.device--laptop.svelte-1l0sumj .device-body:where(.svelte-1l0sumj){padding-inline:5cqi}.device--laptop.svelte-1l0sumj .device-screen:where(.svelte-1l0sumj){border:1.4cqi solid var(--device-bezel);box-shadow:0 0 0 1px var(--device-rim);border-bottom-width:2.2cqi;border-radius:2cqi 2cqi 0 0}.device-camera.svelte-1l0sumj{background:var(--device-rim);border-radius:50%;width:.7cqi;height:.7cqi;position:absolute;top:0;left:50%;transform:translate(-50%,-125%)}.device-deck.svelte-1l0sumj{background:linear-gradient(var(--gm-border-hover), var(--device-bezel));height:2.4cqi;box-shadow:var(--gm-shadow-md);border-radius:0 0 3cqi 3cqi;margin-inline:-5.5cqi;position:relative}.device-notch.svelte-1l0sumj{background:var(--device-bezel);border-radius:0 0 1cqi 1cqi;width:16%;height:40%;position:absolute;top:0;left:50%;transform:translate(-50%)}