.screenshots_display_container.svelte-1g5gt0h.svelte-1g5gt0h{display:flex;align-items:center;justify-content:center;width:100vw;height:300px;gap:0px;font-size:calc(20px + .03125*(100vw - 320px));font:1em Helvetica Neue,Helvetica,sans-serif;line-height:1.5}main.svelte-1g5gt0h.svelte-1g5gt0h,.phone.svelte-1g5gt0h.svelte-1g5gt0h{position:relative}main.svelte-1g5gt0h.svelte-1g5gt0h{background-color:#fff;font-size:.5em;margin:auto;overflow:hidden;width:100%;height:100%}.surface.svelte-1g5gt0h.svelte-1g5gt0h,.notch.svelte-1g5gt0h.svelte-1g5gt0h,.side-btns.svelte-1g5gt0h.svelte-1g5gt0h,.bottom.svelte-1g5gt0h.svelte-1g5gt0h{position:absolute}.notch.svelte-1g5gt0h.svelte-1g5gt0h,.bottom.svelte-1g5gt0h.svelte-1g5gt0h,.surface.svelte-1g5gt0h.svelte-1g5gt0h{display:flex}.notch.svelte-1g5gt0h.svelte-1g5gt0h,.bottom.svelte-1g5gt0h.svelte-1g5gt0h{align-items:center}.surface.svelte-1g5gt0h.svelte-1g5gt0h{animation:svelte-1g5gt0h-scroll 15s linear infinite alternate;justify-content:space-between;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(45deg) rotate(-30deg);width:60em;height:60em}body.pc .surface{animation:svelte-1g5gt0h-scroll_2 15s linear infinite alternate!important}.column.svelte-1g5gt0h.svelte-1g5gt0h:nth-of-type(3n+1){transform:translateY(3.3em)}.column.svelte-1g5gt0h.svelte-1g5gt0h:nth-of-type(3n+2){transform:translateY(-6.6em)}.phone.svelte-1g5gt0h.svelte-1g5gt0h,.notch.svelte-1g5gt0h.svelte-1g5gt0h,.side-btns.svelte-1g5gt0h>div.svelte-1g5gt0h{background-color:#fcfcfc}.phone.svelte-1g5gt0h.svelte-1g5gt0h{border-radius:1.25em;box-shadow:.2em -.2em .5em #0003 inset,-.2em .1em .2em #0000004d;margin-bottom:3em;padding:.5em .5em .5em 1em;width:10em;height:20em}.notch.svelte-1g5gt0h.svelte-1g5gt0h{border-radius:0 0 .75em .75em;box-shadow:0 .1em .04em .04em #0000001a;justify-content:center;top:0;left:2.75em;width:5em;height:1.5em;z-index:9}.notch-speaker.svelte-1g5gt0h.svelte-1g5gt0h{background-color:#ddd;border-radius:.1em;box-shadow:0 .05em .05em #0003 inset;margin-right:.5em;width:1.4em;height:.2em}.camera.svelte-1g5gt0h.svelte-1g5gt0h{background-color:#ddd;background-image:radial-gradient(at top right,rgb(255,255,255) 30%,rgba(255,255,255,0) 50%),radial-gradient(at bottom left,rgb(255,255,255) 30%,rgba(255,255,255,0) 50%);border-radius:50%;box-shadow:0 0 0 .05em #0003 inset;width:.4em;height:.4em}.side-btns.svelte-1g5gt0h.svelte-1g5gt0h{top:2em;left:-.1em;width:.5em;height:9em;transform:skewY(-45deg)}.side-btns.svelte-1g5gt0h>div.svelte-1g5gt0h{box-shadow:-.04em 0 #ffffffb3 inset,.1em 0 .1em .1em #0000001a inset,0 0 .1em .1em #0000001a}.lock-btn.svelte-1g5gt0h.svelte-1g5gt0h{border-radius:.15em;margin-bottom:1em;width:.2em;height:.8em}.vol-up-btn.svelte-1g5gt0h.svelte-1g5gt0h,.vol-down-btn.svelte-1g5gt0h.svelte-1g5gt0h{border-radius:.2em;margin-bottom:.5em;width:.3em;height:1.6em}.bottom.svelte-1g5gt0h.svelte-1g5gt0h{justify-content:space-between;bottom:0;left:1.5em;width:7em;height:.5em;transform:skew(-30deg)}.speaker-circle.svelte-1g5gt0h.svelte-1g5gt0h,.speaker-circle-lg.svelte-1g5gt0h.svelte-1g5gt0h{background-color:#999;border-radius:50%}.speaker-circle.svelte-1g5gt0h.svelte-1g5gt0h{box-shadow:0 -.1em #ffffffe6 inset;width:.25em;height:.25em}.speaker-circle-lg.svelte-1g5gt0h.svelte-1g5gt0h{box-shadow:0 -.2em #ffffffe6 inset;width:.4em;height:.4em}.headphone-jack.svelte-1g5gt0h.svelte-1g5gt0h{box-shadow:0 .2em .1em #888 inset,0 -.2em #ffffffb3 inset;border-radius:.2em;margin:0 .1em;width:1.5em;height:.4em}.screenshot.svelte-1g5gt0h.svelte-1g5gt0h{background-color:#202a20;background-size:42.5em 18.25em;border-radius:.75em;box-shadow:0 0 .1em .1em #0000001a inset;display:block;width:8.5em;height:18.25em;background-image:var(--bg_image_url)}.column.svelte-1g5gt0h:nth-of-type(1) .screenshot.svelte-1g5gt0h{background-position:-8.5em 0}.column.svelte-1g5gt0h:nth-of-type(2) .screenshot.svelte-1g5gt0h{background-position:-17em 0}.column.svelte-1g5gt0h:nth-of-type(4) .screenshot.svelte-1g5gt0h{background-position:-25.5em 0}.column.svelte-1g5gt0h:nth-of-type(5) .screenshot.svelte-1g5gt0h{background-position:-34em 0}@keyframes svelte-1g5gt0h-scroll{0%{transform:translate(-50%,-50%) rotateX(45deg) rotate(-30deg) translateY(0)}to{transform:translate(-50%,-50%) rotateX(45deg) rotate(-30deg) translateY(-23em)}}@keyframes svelte-1g5gt0h-scroll_2{0%{transform:translate(-50%,-50%) rotateX(45deg) rotate(-30deg) translateY(0) scale(2)}to{transform:translate(-50%,-50%) rotateX(45deg) rotate(-30deg) translateY(-23em) scale(2)}}