.ipad.svelte-yvrgd1{--rim:calc(var(--size) * .0075);--bezel:calc(var(--size) * .04);--outer-radius:calc(var(--size) * .052);--screen-radius:calc(var(--size) * .026);z-index:1;width:var(--size);aspect-ratio:178.5/247.6;box-sizing:border-box;border-radius:var(--outer-radius);border:var(--rim) solid #c8d0db;box-shadow:0 calc(var(--size) * .02) calc(var(--size) * .05) #00000080, 0 calc(var(--size) * .005) calc(var(--size) * .018) #00000061;background:#000;position:relative}.screen.svelte-yvrgd1{inset:var(--bezel);border-radius:var(--screen-radius);background:#0d0d26;position:absolute;overflow:hidden}.camera.svelte-yvrgd1{top:calc(var(--bezel) * .5);width:calc(var(--size) * .009);aspect-ratio:1;z-index:4;pointer-events:none;background:radial-gradient(circle at 38% 32%,#34343e 0%,#0a0a0e 62%);border-radius:50%;position:absolute;left:50%;transform:translate(-50%,-50%)}.ibtn.svelte-yvrgd1{pointer-events:none;z-index:0;background:#b4bcc6;position:absolute}.ibtn-power.svelte-yvrgd1{margin-bottom:calc(var(--size) * .003);bottom:100%;right:calc(var(--size) * .074);width:calc(var(--size) * .067);height:calc(var(--size) * .006);border-radius:calc(var(--size) * .0012) calc(var(--size) * .0012) 0 0}.ibtn-vol.svelte-yvrgd1{margin-left:calc(var(--size) * .003);width:calc(var(--size) * .006);height:calc(var(--size) * .0566);border-radius:0 calc(var(--size) * .0012) calc(var(--size) * .0012) 0;left:100%}.ibtn-vol-up.svelte-yvrgd1{top:calc(var(--size) * .122)}.ibtn-vol-down.svelte-yvrgd1{top:calc(var(--size) * .189)}.screen.svelte-yvrgd1 img{object-fit:contain;width:100%;height:100%;display:block}.macbook.svelte-cpjawm{--rim:calc(var(--size) * .005);--bezel:calc(var(--size) * .009);--lid-radius:calc(var(--size) * .016);z-index:1;width:var(--size);flex-direction:column;align-items:center;max-width:100%;display:flex;position:relative}.lid.svelte-cpjawm{box-sizing:border-box;border-radius:var(--lid-radius) var(--lid-radius) calc(var(--size) * .004) calc(var(--size) * .004);border:var(--rim) solid #c8d0db;width:100%;padding:var(--bezel);box-shadow:0 calc(var(--size) * .018) calc(var(--size) * .04) #00000073, 0 calc(var(--size) * .005) calc(var(--size) * .014) #0000004d;background:#000;position:relative}.screen.svelte-cpjawm{aspect-ratio:3456/2234;border-radius:calc(var(--size) * .006);background:#0d0d26;overflow:hidden}.notch.svelte-cpjawm{width:calc(var(--size) * .115);height:calc(var(--size) * .016);border-radius:0 0 calc(var(--size) * .005) calc(var(--size) * .005);z-index:2;pointer-events:none;background:#000;position:absolute;top:0;left:50%;transform:translate(-50%)}.base.svelte-cpjawm{width:calc(min(var(--size), 100%) * 1.055);height:calc(var(--size) * .021);border-radius:0 0 calc(var(--size) * .008) calc(var(--size) * .008);box-shadow:0 calc(var(--size) * .006) calc(var(--size) * .016) #00000059;background:linear-gradient(#b9c2cd 0%,#d5dbe3 35%,#9aa4b1 100%);position:relative}.base.svelte-cpjawm:after{content:"";width:calc(var(--size) * .13);height:calc(var(--size) * .007);border-radius:0 0 calc(var(--size) * .007) calc(var(--size) * .007);background:#939dab;position:absolute;top:0;left:50%;transform:translate(-50%)}.screen.svelte-cpjawm video,.screen.svelte-cpjawm img{object-fit:cover;width:100%;height:100%;display:block}.device-wrap.svelte-pcsm6k{justify-content:center;width:100%;display:flex;container-type:inline-size}.showcase-device .screen video,.showcase-device .screen img.poster-fallback{object-fit:cover;width:100%;height:100%;display:block}