.device[data-astro-cid-btrcxztb]{--w: 18rem;--bezel: calc(var(--w) * .023);--radius: calc(var(--w) * .145);--tilt: 0deg;--roll: 0deg;margin:0;width:min(var(--w),100%);min-width:0;display:grid;justify-items:center;perspective:2200px;perspective-origin:50% 45%}.shell[data-astro-cid-btrcxztb]{position:relative;width:100%;padding:var(--bezel);border-radius:var(--radius);transform:rotateX(var(--pitch, 2deg)) rotateY(var(--tilt)) rotate(var(--roll));transform-style:preserve-3d;background:var(--chassis);box-shadow:var(--chassis-shadow)}.shell[data-astro-cid-btrcxztb]:after{content:"";position:absolute;left:6%;right:6%;bottom:calc(var(--w) * -.055);height:calc(var(--w) * .11);border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent 78%);filter:blur(calc(var(--w) * .022));z-index:0;pointer-events:none}.rim[data-astro-cid-btrcxztb]{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(147deg,rgba(255,255,255,.85) 0%,rgba(255,255,255,.12) 5%,transparent 16%,transparent 84%,rgba(255,255,255,.28) 97%,rgba(255,255,255,.6) 100%);mix-blend-mode:overlay}.screen[data-astro-cid-btrcxztb]{position:relative;z-index:1;overflow:hidden;box-shadow:inset 0 0 0 1px #000000d9;border-radius:calc(var(--radius) - var(--bezel) * .85);background:radial-gradient(90% 55% at 50% 0%,color-mix(in oklab,var(--ember) 12%,transparent),transparent 70%),linear-gradient(180deg,#101319,#05060a);aspect-ratio:var(--ratio, 9 / 19.5);display:grid}.screen[data-astro-cid-btrcxztb] img{width:100%;height:100%;object-fit:cover;display:block}.placeholder[data-astro-cid-btrcxztb]{width:100%;height:100%;background:radial-gradient(90% 55% at 50% 0%,color-mix(in oklab,var(--ember) 30%,transparent),transparent 70%),linear-gradient(180deg,#12151b,#0a0c10)}.glare[data-astro-cid-btrcxztb]{position:absolute;inset:0;pointer-events:none;background:linear-gradient(122deg,rgba(255,255,255,.085) 0%,rgba(255,255,255,.025) 18%,transparent 40%)}.rail[data-astro-cid-btrcxztb]{position:absolute;top:0;bottom:0;width:0;display:block}.rail-l[data-astro-cid-btrcxztb]{left:0}.rail-r[data-astro-cid-btrcxztb]{right:0}.key[data-astro-cid-btrcxztb]{position:absolute;width:calc(var(--w) * .011);border-radius:calc(var(--w) * .004);background:var(--chassis-edge, linear-gradient(90deg, #6b7079, #2b3037));box-shadow:inset 0 1px #ffffff40}.rail-l[data-astro-cid-btrcxztb] .key[data-astro-cid-btrcxztb]{left:calc(var(--w) * -.009)}.rail-r[data-astro-cid-btrcxztb] .key[data-astro-cid-btrcxztb]{right:calc(var(--w) * -.009)}.rail-l[data-astro-cid-btrcxztb] .action[data-astro-cid-btrcxztb]{top:15.5%;height:4.2%}.rail-l[data-astro-cid-btrcxztb] .vol[data-astro-cid-btrcxztb]:nth-of-type(2){top:23%;height:7.2%}.rail-l[data-astro-cid-btrcxztb] .vol[data-astro-cid-btrcxztb]:nth-of-type(3){top:32%;height:7.2%}.rail-r[data-astro-cid-btrcxztb] .side[data-astro-cid-btrcxztb]{top:24%;height:10.5%}.rail-r[data-astro-cid-btrcxztb] .cam[data-astro-cid-btrcxztb]{top:38.5%;height:6.5%}.iphone[data-astro-cid-btrcxztb] .shell[data-astro-cid-btrcxztb]:before,.iphone-landscape[data-astro-cid-btrcxztb] .shell[data-astro-cid-btrcxztb]:before{content:"";position:absolute;inset:calc(var(--bezel) * .32);border-radius:calc(var(--radius) - var(--bezel) * .3);pointer-events:none;z-index:2;box-shadow:inset 0 0 0 1px #ffffff17,inset 0 1px 1px #ffffff29}.island[data-astro-cid-btrcxztb]{position:absolute;z-index:3;top:calc(var(--bezel) * 1.9);left:50%;translate:-50% 0;width:26%;height:calc(var(--w) * .034);border-radius:100px;background:#000;box-shadow:0 0 0 1px #ffffff0d}.iphone-landscape[data-astro-cid-btrcxztb]{--w: 34rem;--bezel: calc(var(--w) * .0106);--radius: calc(var(--w) * .0669)}.iphone-landscape[data-astro-cid-btrcxztb] .screen[data-astro-cid-btrcxztb]{--ratio: 19.5 / 9}.iphone-landscape[data-astro-cid-btrcxztb] .rail[data-astro-cid-btrcxztb]{inset:0 0 auto;width:auto;height:0}.iphone-landscape[data-astro-cid-btrcxztb] .rail-l[data-astro-cid-btrcxztb]{top:auto;bottom:0}.iphone-landscape[data-astro-cid-btrcxztb] .rail-r[data-astro-cid-btrcxztb]{top:0;bottom:auto}.iphone-landscape[data-astro-cid-btrcxztb] .key[data-astro-cid-btrcxztb]{width:auto;height:calc(var(--w) * .0051);border-radius:calc(var(--w) * .002)}.iphone-landscape[data-astro-cid-btrcxztb] .rail-l[data-astro-cid-btrcxztb] .key[data-astro-cid-btrcxztb]{top:auto;bottom:calc(var(--w) * -.004);left:auto;right:auto}.iphone-landscape[data-astro-cid-btrcxztb] .rail-r[data-astro-cid-btrcxztb] .key[data-astro-cid-btrcxztb]{top:calc(var(--w) * -.004);bottom:auto;left:auto;right:auto}.iphone-landscape[data-astro-cid-btrcxztb] .rail-l[data-astro-cid-btrcxztb] .action[data-astro-cid-btrcxztb]{left:15.5%;width:4.2%}.iphone-landscape[data-astro-cid-btrcxztb] .rail-l[data-astro-cid-btrcxztb] .vol[data-astro-cid-btrcxztb]:nth-of-type(2){left:23%;width:7.2%}.iphone-landscape[data-astro-cid-btrcxztb] .rail-l[data-astro-cid-btrcxztb] .vol[data-astro-cid-btrcxztb]:nth-of-type(3){left:32%;width:7.2%}.iphone-landscape[data-astro-cid-btrcxztb] .rail-r[data-astro-cid-btrcxztb] .side[data-astro-cid-btrcxztb]{left:24%;width:10.5%}.iphone-landscape[data-astro-cid-btrcxztb] .rail-r[data-astro-cid-btrcxztb] .cam[data-astro-cid-btrcxztb]{left:38.5%;width:6.5%}.finish-titanium[data-astro-cid-btrcxztb]{--chassis-edge: linear-gradient(90deg, #7c828c, #262b33)}.finish-orange[data-astro-cid-btrcxztb]{--chassis-edge: linear-gradient(90deg, #c07340, #5e2f12)}.finish-titanium[data-astro-cid-btrcxztb]{--chassis: linear-gradient(147deg, #9aa3ad 0%, #5b636d 9%, #343b44 22%, #1b1f25 44%, #22262d 58%, #4d545e 76%, #8b939d 92%, #2a2f36 100%)}.finish-orange[data-astro-cid-btrcxztb]{--chassis: linear-gradient(147deg, #f6c49b 0%, #cf8348 8%, #9c5427 22%, #6b3616 42%, #7d411b 56%, #a55f2c 72%, #e0a878 90%, #5e2f12 100%)}.ipad[data-astro-cid-btrcxztb]{--w: 26rem;--bezel: calc(var(--w) * .026);--radius: calc(var(--w) * .055)}.ipad[data-astro-cid-btrcxztb] .screen[data-astro-cid-btrcxztb]{--ratio: 3 / 4}.ipad-landscape[data-astro-cid-btrcxztb]{--w: 34rem;--bezel: calc(var(--w) * .02);--radius: calc(var(--w) * .042)}.ipad-landscape[data-astro-cid-btrcxztb] .screen[data-astro-cid-btrcxztb]{--ratio: 4 / 3}.ipad-landscape[data-astro-cid-btrcxztb] .lens[data-astro-cid-btrcxztb]{top:50%;left:calc(var(--bezel) * .42);translate:0 -50%;width:calc(var(--w) * .009);height:calc(var(--w) * .009)}.lens[data-astro-cid-btrcxztb]{position:absolute;top:calc(var(--bezel) * .42);left:50%;translate:-50% 0;width:calc(var(--w) * .012);height:calc(var(--w) * .012);border-radius:50%;background:#0a0c10;box-shadow:0 0 0 1px #ffffff14}.tv[data-astro-cid-btrcxztb]{--w: 34rem;--bezel: calc(var(--w) * .011);--radius: calc(var(--w) * .014)}.tv[data-astro-cid-btrcxztb] .screen[data-astro-cid-btrcxztb]{--ratio: 16 / 9}.tv[data-astro-cid-btrcxztb].finish-titanium,.tv[data-astro-cid-btrcxztb].finish-orange{--chassis: linear-gradient(160deg, #2e333a 0%, #101317 40%, #0b0d10 100%)}.stand[data-astro-cid-btrcxztb]{width:26%;height:calc(var(--w) * .028);margin-top:calc(var(--w) * .012);border-radius:0 0 calc(var(--w) * .02) calc(var(--w) * .02);background:linear-gradient(180deg,#4a515c,#232830);box-shadow:0 10px 22px -10px #000000bf}.flat[data-astro-cid-btrcxztb]{--w: 34rem;width:min(var(--w),100%);border-radius:var(--r-lg);overflow:hidden;background:var(--panel);box-shadow:0 0 0 1px var(--line),0 18px 44px -22px #0009}.flat[data-astro-cid-btrcxztb] img[data-astro-cid-btrcxztb]{width:100%;height:auto;display:block;aspect-ratio:var(--flat-ratio, 16 / 10)}.desktop[data-astro-cid-btrcxztb]{--w: 34rem;--bezel: calc(var(--w) * .014);--radius: calc(var(--w) * .02)}.desktop[data-astro-cid-btrcxztb] .screen[data-astro-cid-btrcxztb]{--ratio: 16 / 10}.device[data-astro-cid-btrcxztb]{--chassis-shadow: 0 0 0 1px rgba(255, 255, 255, .2) inset, 0 0 0 1px rgba(255, 255, 255, .07), 0 2px 3px rgba(0, 0, 0, .5), 0 26px 70px -18px rgba(0, 0, 0, .85)}:root[data-theme=light] .device[data-astro-cid-btrcxztb]{--chassis-shadow: 0 0 0 1px rgba(255, 255, 255, .14) inset, 0 2px 4px rgba(0, 0, 0, .16), 0 24px 50px -20px rgba(0, 0, 0, .34)}:root[data-theme=light] .shell[data-astro-cid-btrcxztb]:after{background:radial-gradient(closest-side,rgba(0,0,0,.28),transparent 78%)}