.phone.svelte-c30cvk{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:30px;background:#fafaf9;box-shadow:0 0 0 1px #78350f29,0 0 0 5px #ffffff8c,0 0 0 6px #78350f1f,0 22px 40px -24px #5c381473;isolation:isolate;overflow-anchor:none;margin:6px;width:calc(100% - 12px)}.phone--pop.svelte-c30cvk,.phone--pop.svelte-c30cvk .phone__screen:where(.svelte-c30cvk){overflow:visible}.dark .phone.svelte-c30cvk{background:#1a1a1e;box-shadow:0 0 0 1px #ffffff2e,0 0 0 6px #ffffff0a}.phone__screen.svelte-c30cvk{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;font-family:var(--font-body);font-size:16px;line-height:1.5;text-align:left;letter-spacing:normal;color:#1c1917;-webkit-font-smoothing:antialiased}.dark .phone__screen.svelte-c30cvk{color:#f5f5f4}.phone.svelte-c30cvk{transform:perspective(1000px) rotateX(calc(var(--py, 0) * -11deg)) rotateY(calc(var(--px, 0) * 11deg))}.phone.phone--flat.svelte-c30cvk{transform:none}.phone.svelte-c30cvk .float.float{translate:calc(var(--px, 0) * 34px) calc(var(--py, 0) * 34px);box-shadow:0 0 0 1px #78350f1a,calc(var(--px, 0) * -22px) calc(20px + var(--py, 0) * -22px) 40px -12px #5c38146b}.dark .phone.svelte-c30cvk .float.float{box-shadow:0 0 0 1px #ffeccd24,calc(var(--px, 0) * -22px) calc(20px + var(--py, 0) * -22px) 40px -12px #000000b3}