.face[data-astro-cid-jispbpwh]{--u:var(--unit,calc(var(--k) * 1px));--morph:.65s var(--ease-in-out);--metal:linear-gradient(135deg, color-mix(in oklab, var(--edge) 50%, white) 0%, var(--edge) 20%, color-mix(in oklab, var(--edge) 68%, black) 47%, var(--edge) 70%, color-mix(in oklab, var(--edge) 62%, white) 100%);width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));padding:calc((var(--bt) - 1) * var(--u)) calc((var(--bs) - 1) * var(--u)) calc((var(--bb) - 1) * var(--u));border:calc(1 * var(--u)) solid transparent;border-radius:calc(var(--r) * var(--u));background:linear-gradient(var(--front), var(--front)) padding-box, var(--metal) border-box;box-shadow:inset 0 0 0 calc(.35 * var(--u)) #0009, 0 0 0 calc(.2 * var(--u)) #0000004d;transition:width var(--morph), height var(--morph), padding var(--morph), border-radius var(--morph), box-shadow var(--morph);position:relative}.btn[data-astro-cid-jispbpwh]{width:calc(1.1 * var(--u));border-radius:calc(.5 * var(--u));background:linear-gradient(90deg, color-mix(in oklab, var(--edge) 65%, black), var(--edge));transition:top var(--morph), height var(--morph), opacity .3s;position:absolute}.btn-action[data-astro-cid-jispbpwh],.btn-vol-up[data-astro-cid-jispbpwh],.btn-vol-down[data-astro-cid-jispbpwh]{left:calc(-2.1 * var(--u));border-radius:calc(.5 * var(--u)) 0 0 calc(.5 * var(--u))}.btn-power[data-astro-cid-jispbpwh]{right:calc(-2.1 * var(--u));border-radius:0 calc(.5 * var(--u)) calc(.5 * var(--u)) 0;top:calc(var(--h) * .22 * var(--u));height:calc(var(--h) * .1 * var(--u))}.btn-action[data-astro-cid-jispbpwh]{top:calc(var(--h) * .15 * var(--u));height:calc(var(--h) * .04 * var(--u))}.btn-vol-up[data-astro-cid-jispbpwh]{top:calc(var(--h) * .23 * var(--u));height:calc(var(--h) * .07 * var(--u))}.btn-vol-down[data-astro-cid-jispbpwh]{top:calc(var(--h) * .32 * var(--u));height:calc(var(--h) * .07 * var(--u))}.face[data-astro-cid-jispbpwh][data-device=print] .btn[data-astro-cid-jispbpwh],.face[data-astro-cid-jispbpwh][data-device=terminal] .btn[data-astro-cid-jispbpwh],.face[data-astro-cid-jispbpwh][data-device=ipad-landscape] .btn[data-astro-cid-jispbpwh],.face[data-astro-cid-jispbpwh][data-device=ipad] .btn[data-astro-cid-jispbpwh]:not(.btn-power){opacity:0}.face[data-astro-cid-jispbpwh][data-device=print],.face[data-astro-cid-jispbpwh][data-device=terminal]{--metal:linear-gradient(var(--edge), var(--edge))}.face[data-astro-cid-jispbpwh]:after{content:"";border-radius:inherit;background:linear-gradient(115deg, transparent calc(var(--sheen,35%) - 18%), #ffffff21 var(--sheen,35%), transparent calc(var(--sheen,35%) + 14%));pointer-events:none;position:absolute;inset:0}.screen[data-astro-cid-jispbpwh]{border-radius:calc(var(--sr) * var(--u));width:100%;height:100%;box-shadow:0 0 0 calc(.35 * var(--u)) #000000d9;transition:border-radius var(--morph);background:#000;position:relative;overflow:hidden;container-type:size}.speaker[data-astro-cid-jispbpwh],.home[data-astro-cid-jispbpwh],.notch[data-astro-cid-jispbpwh],.island[data-astro-cid-jispbpwh],.signature[data-astro-cid-jispbpwh],.keypad[data-astro-cid-jispbpwh]{opacity:0;transition:opacity .35s var(--ease-out), top var(--morph), bottom var(--morph), width var(--morph), height var(--morph);pointer-events:none;position:absolute;left:50%;translate:-50%}.speaker[data-astro-cid-jispbpwh]{top:calc((var(--bt) - 1) * .5 * var(--u));width:calc(10 * var(--u));height:calc(1.3 * var(--u));background:#2a2b2f;border-radius:99px;translate:-50% -50%}.home[data-astro-cid-jispbpwh]{bottom:calc((var(--bb) - 1) * .5 * var(--u));width:calc(10.5 * var(--u));height:calc(10.5 * var(--u));box-shadow:inset 0 0 0 calc(.6 * var(--u)) #3b3d42;border-radius:50%;translate:-50% 50%}.face[data-astro-cid-jispbpwh][data-home-side] .home[data-astro-cid-jispbpwh]{top:50%;right:calc((var(--bs) - 1) * .5 * var(--u));bottom:auto;left:auto;translate:50% -50%}.notch[data-astro-cid-jispbpwh]{top:calc((var(--bt) - 1) * var(--u));width:calc(34 * var(--u));height:calc(4.4 * var(--u));border-radius:0 0 calc(3 * var(--u)) calc(3 * var(--u));background:var(--front)}.island[data-astro-cid-jispbpwh]{top:calc((var(--bt) + .4) * var(--u));width:calc(20 * var(--u));height:calc(6 * var(--u));background:#000;border-radius:99px}.signature[data-astro-cid-jispbpwh]{left:calc((var(--bs) - 1) * var(--u));right:calc((var(--bs) - 1) * var(--u));height:calc((var(--bb) - 1) * var(--u));color:#5f574b;justify-content:space-between;align-items:center;display:flex;bottom:0;translate:none}.sig-caption[data-astro-cid-jispbpwh]{font-family:var(--font-mono);font-size:calc(2.6 * var(--u));letter-spacing:.04em}.sig-name[data-astro-cid-jispbpwh]{font-family:var(--font-display);font-style:italic;font-size:calc(5 * var(--u))}.keypad[data-astro-cid-jispbpwh]{bottom:calc((var(--bb) - 1) * .5 * var(--u));align-items:center;gap:calc(3 * var(--u));display:flex;translate:-50% 50%}.keypad[data-astro-cid-jispbpwh] .slot[data-astro-cid-jispbpwh]{width:calc(40 * var(--u));height:calc(2.2 * var(--u));box-shadow:0 0 0 calc(.8 * var(--u)) #4b505a;background:#111;border-radius:99px}.keypad[data-astro-cid-jispbpwh] i[data-astro-cid-jispbpwh]{width:calc(8 * var(--u));height:calc(5 * var(--u));border-radius:calc(1 * var(--u));background:#4b505a}.keypad[data-astro-cid-jispbpwh] i[data-astro-cid-jispbpwh]:last-child{background:#3f8f55}.face[data-astro-cid-jispbpwh][data-speaker] .speaker[data-astro-cid-jispbpwh],.face[data-astro-cid-jispbpwh][data-home] .home[data-astro-cid-jispbpwh],.face[data-astro-cid-jispbpwh][data-notch] .notch[data-astro-cid-jispbpwh],.face[data-astro-cid-jispbpwh][data-island] .island[data-astro-cid-jispbpwh],.face[data-astro-cid-jispbpwh][data-signature] .signature[data-astro-cid-jispbpwh],.face[data-astro-cid-jispbpwh][data-keypad] .keypad[data-astro-cid-jispbpwh]{opacity:1}