.phone.svelte-z7lbej{aspect-ratio:393/852;width:100%;color:var(--color-charcoal);position:relative;container-type:inline-size}.phone-glow.svelte-z7lbej{background:radial-gradient(55% 45% at 50% 55%, var(--glow) 0%, transparent 70%);filter:blur(28px);pointer-events:none;transition:background .6s var(--ease-brand);z-index:0;position:absolute;inset:-18% -22%}.phone-shadow.svelte-z7lbej{background:radial-gradient(50% 100% at 50% 0%, color-mix(in oklab, var(--color-ink) 60%, black) 0%, transparent 70%);filter:blur(14px);pointer-events:none;z-index:0;height:6%;position:absolute;bottom:-3%;left:6%;right:6%}.phone-bezel.svelte-z7lbej{background:linear-gradient(155deg, var(--color-charcoal) 0%, color-mix(in oklab, var(--color-ink) 70%, black) 45%, color-mix(in oklab, var(--color-ink) 90%, var(--color-charcoal)) 100%);width:100%;height:100%;box-shadow:0 0 0 1px oklab(100% 0 5.96046e-8/.06) inset, 0 0 0 .6px oklab(0% none none/.6), 0 22px 48px -22px color-mix(in oklab, var(--color-ink) 55%, transparent), 0 60px 120px -40px color-mix(in oklab, var(--color-ink) 35%, transparent);z-index:1;border-radius:13.5%/6.2%;padding:2.4%;position:relative}.phone-bezel.svelte-z7lbej:before,.phone-bezel.svelte-z7lbej:after{content:"";pointer-events:none;border-radius:inherit;height:22%;position:absolute;left:-.5px;right:-.5px}.phone-bezel.svelte-z7lbej:before{mix-blend-mode:screen;opacity:.7;background:linear-gradient(oklab(100% 0 5.96046e-8/.18),#0000 80%);top:0}.phone-bezel.svelte-z7lbej:after{mix-blend-mode:screen;opacity:.4;background:linear-gradient(#0000 10%,oklab(100% 0 5.96046e-8/.08));bottom:0}.phone-screen.svelte-z7lbej{background:var(--color-sand);border-radius:11%/5.1%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px oklab(0% none none/.45),inset 0 0 0 2px oklab(100% 0 5.96046e-8/.04)}.phone-island.svelte-z7lbej{background:color-mix(in oklab, var(--color-ink) 30%, black);z-index:4;border-radius:999px;width:30%;height:4%;position:absolute;top:1.6%;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px oklab(0% none none/.5)}.phone-content.svelte-z7lbej{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.phone-homebar.svelte-z7lbej{background:color-mix(in oklab, var(--color-ink) 55%, transparent);z-index:4;border-radius:999px;width:34%;height:.5%;position:absolute;bottom:1.1%;left:50%;transform:translate(-50%)}