.phone[data-astro-cid-ykln7coe]{width:var(--w);max-width:100%;margin:0}.phone__shell[data-astro-cid-ykln7coe]{border-radius:calc(var(--w) * .14);background:#0e0e0e;padding:12px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #2a2a2a,0 30px 60px -30px #00000080}.phone__shell[data-astro-cid-ykln7coe]:before{content:"";background:#2a2a2a;border-radius:2px;width:3px;height:12%;position:absolute;top:22%;right:-2px}.phone__status[data-astro-cid-ykln7coe]{background:var(--phone-bg,#f4f4f2);color:var(--phone-ink,#0e0e0e);font-family:var(--font-display);border-radius:calc(var(--w) * .14 - 12px) calc(var(--w) * .14 - 12px) 0 0;justify-content:space-between;align-items:center;padding:6px 22px 4px;font-size:.75rem;font-weight:700;display:flex}.phone__signal[data-astro-cid-ykln7coe]{align-items:flex-end;gap:2px;height:10px;display:inline-flex}.phone__signal[data-astro-cid-ykln7coe] i[data-astro-cid-ykln7coe]{background:currentColor;border-radius:1px;width:3px}.phone__signal[data-astro-cid-ykln7coe] i[data-astro-cid-ykln7coe]:first-child{height:4px}.phone__signal[data-astro-cid-ykln7coe] i[data-astro-cid-ykln7coe]:nth-child(2){height:6px}.phone__signal[data-astro-cid-ykln7coe] i[data-astro-cid-ykln7coe]:nth-child(3){height:8px}.phone__signal[data-astro-cid-ykln7coe] i[data-astro-cid-ykln7coe]:nth-child(4){height:10px}.phone__notch[data-astro-cid-ykln7coe]{z-index:2;background:#0e0e0e;border-radius:0 0 14px 14px;width:34%;height:22px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone[data-astro-cid-ykln7coe] img[data-astro-cid-ykln7coe]{border-radius:0 0 calc(var(--w) * .14 - 12px) calc(var(--w) * .14 - 12px);background:var(--phone-bg,#f4f4f2);width:100%;height:auto}@media (prefers-color-scheme:dark){.phone[data-astro-cid-ykln7coe]{--phone-bg:#0b0b0b;--phone-ink:#f4f4f2}.phone__shell[data-astro-cid-ykln7coe]{box-shadow:0 0 0 2px #3a3a3a,0 30px 60px -30px #000000e6}}