.phone.svelte-1f1u1y3{--height:80em;--pad:1.25em;--border-radius:6.666em;--border-width:.4em;--button-width:.333em;--c-h:215;z-index:1;aspect-ratio:37/76;height:var(--height);border-radius:var(--border-radius);box-shadow:0 0 .1em .25em hsl(var(--c-h), 20%, 25%), 0 0 0 var(--border-width) hsl(var(--c-h), 30%, 85%);box-sizing:border-box;font-size:var(--size);background:#000;position:relative}.phone.svelte-1f1u1y3:before{content:"";top:var(--border-radius);right:calc(var(--border-width) * -1);bottom:var(--border-radius);left:calc(var(--border-width) * -1);border:.5em solid hsl(var(--c-h), 20%, 30%);border-left-width:0;border-right-width:0;position:absolute}.buttons.svelte-1f1u1y3{inset:calc(var(--border-width) * -1);pointer-events:none;position:absolute}.buttons.svelte-1f1u1y3 .left:where(.svelte-1f1u1y3),.buttons.svelte-1f1u1y3 .right:where(.svelte-1f1u1y3){width:var(--button-width);flex-direction:column;align-items:stretch;gap:1.5em;display:flex;position:absolute}.buttons.svelte-1f1u1y3 .left:where(.svelte-1f1u1y3){right:100%;top:calc(var(--border-radius) * 2)}.buttons.svelte-1f1u1y3 .left:where(.svelte-1f1u1y3) .button:where(.svelte-1f1u1y3):first-child{height:3em;margin-bottom:.5em}.buttons.svelte-1f1u1y3 .right:where(.svelte-1f1u1y3){left:100%;top:calc(var(--border-radius) * 3);transform:scaleX(-1)}.buttons.svelte-1f1u1y3 .right:where(.svelte-1f1u1y3) .button:where(.svelte-1f1u1y3){height:9.5em}.buttons.svelte-1f1u1y3 .button:where(.svelte-1f1u1y3){background:hsl(var(--c-h), 20%, 95%);height:6em;box-shadow:inset -.15em 0 .1em black, inset 0 0 .1em hsl(var(--c-h), 30%, 90%), inset 0 .2em .1em hsl(var(--c-h), 30%, 90%), inset 0 -.2em .1em hsl(var(--c-h), 30%, 90%), inset -.1em .333em .1em #00000080, inset -.1em -.333em .1em #00000080;border-top-left-radius:.2em;border-bottom-left-radius:.2em}.screen-container.svelte-1f1u1y3{border-radius:var(--border-radius);border:var(--pad) solid black;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.screen.svelte-1f1u1y3{z-index:1;border-radius:calc(var(--border-radius) - var(--pad));flex-grow:1;width:100%;position:relative;overflow:hidden}.phone-video-wrapper.svelte-iyt5ex{justify-content:center;padding:24px 16px;display:flex;overflow:hidden}.phone-video-wrapper.svelte-iyt5ex .phone.zoom-top{transform:scale(var(--zoom-scale)) translateY(40%)}.phone-video-wrapper.svelte-iyt5ex .phone.zoom-bottom{transform:scale(var(--zoom-scale)) translateY(-32%)}.phone-video-wrapper.svelte-iyt5ex .phone{transform-origin:50%;transition:transform 1.2s}@media (width<=600px){.phone-video-wrapper.svelte-iyt5ex .phone.zoom-top{transform:scale(var(--zoom-scale)) translateY(30%)}.phone-video-wrapper.svelte-iyt5ex .phone.zoom-bottom{transform:scale(var(--zoom-scale)) translateY(-24%)}}.dynamic-island.svelte-iyt5ex{z-index:5;width:29.3%;height:3.85%;top:calc(var(--pad) - 1.2%);pointer-events:none;background:#000;border-radius:100px;position:absolute;left:50%;transform:translate(-50%)}.phone-video-wrapper.svelte-iyt5ex .screen video{object-fit:cover;width:100%;height:100%;display:block}