.device[data-astro-cid-jdvywxy6]{width:min(100%,19.5rem);container-type:inline-size}.device__body[data-astro-cid-jdvywxy6]{background:linear-gradient(160deg,#8d928f 0%,#4b504e 18%,#34383a 55%,#595e5c 85%,#9aa09c 100%);border-radius:13cqi;padding:1.2cqi;position:relative;box-shadow:inset 0 0 0 .35cqi #ffffff2e,inset 0 0 0 .9cqi #00000040,0 0 0 1px #15342c1f,0 2.5rem 4rem -2rem #15342c73,0 1rem 1.5rem -1rem #15342c40}.device__glass[data-astro-cid-jdvywxy6]{background:#0b0d0c;border-radius:11.9cqi;padding:2.1cqi;box-shadow:inset 0 0 0 .25cqi #ffffff0f}.device__key[data-astro-cid-jdvywxy6]{background:linear-gradient(90deg,#3a3e3d,#7c817e);border-radius:0 .6cqi .6cqi 0;width:1cqi;position:absolute;right:-.7cqi}.device__key--volume[data-astro-cid-jdvywxy6]{height:12%;top:19%}.device__key--power[data-astro-cid-jdvywxy6]{height:7%;top:35%}.device__screen[data-astro-cid-jdvywxy6]{aspect-ratio:393/886;isolation:isolate;background:#f5f2e8;border-radius:9.8cqi;position:relative;overflow:hidden;container-type:inline-size}.device__status[data-astro-cid-jdvywxy6]{z-index:5;color:#16241f;font-variant-numeric:tabular-nums;letter-spacing:.01em;background:#f3f1e7;justify-content:space-between;align-items:center;height:8.65cqi;padding:0 7cqi;font-size:3.5cqi;font-weight:600;display:flex;position:relative}.device__camera[data-astro-cid-jdvywxy6]{aspect-ratio:1;background:radial-gradient(circle at 38% 36%,#3b4a5c 0 12%,#111418 30%,#030404 70%);border-radius:999px;width:3.3cqi;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 .35cqi #0a0b0b}.device__icons[data-astro-cid-jdvywxy6]{align-items:center;gap:1.3cqi;display:flex}.device__icons[data-astro-cid-jdvywxy6] svg[data-astro-cid-jdvywxy6]{fill:currentColor;width:3.9cqi;height:3cqi}.device__icons[data-astro-cid-jdvywxy6] .device__battery[data-astro-cid-jdvywxy6]{width:5.6cqi}.device--dark[data-astro-cid-jdvywxy6] .device__screen[data-astro-cid-jdvywxy6]{background:#0b201a}.device--dark[data-astro-cid-jdvywxy6] .device__status[data-astro-cid-jdvywxy6]{color:#e8efe9;background:#0b201a}.device__view[data-astro-cid-jdvywxy6]{position:absolute;inset:8.65cqi 0 0;overflow:hidden}.phone[data-astro-cid-k7mbr7da]{justify-items:center;width:100%;max-width:19.5rem;margin:0;display:grid}.phone[data-astro-cid-k7mbr7da] .device{width:100%}.phone[data-astro-cid-k7mbr7da] img[data-astro-cid-k7mbr7da]{width:100%;height:auto;display:block}.tap-demo[data-astro-cid-horqngeo]{--ease:cubic-bezier(.22, 1, .36, 1);justify-items:center;gap:1.25rem;width:100%;display:grid}.phone[data-astro-cid-horqngeo]{width:min(100%,19.5rem);margin:0;position:relative}.phone[data-astro-cid-horqngeo] .device{width:100%}.screen[data-astro-cid-horqngeo]{opacity:0;background:#f5f2e8;transition:opacity .4s;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.screen[data-astro-cid-horqngeo].is-current{z-index:1;opacity:1}.content[data-astro-cid-horqngeo]{position:absolute;inset:0 0 auto;transform:translateY(0)}[data-astro-cid-horqngeo][data-phase=arrive] .content[data-astro-cid-horqngeo],[data-astro-cid-horqngeo][data-phase=aim] .content[data-astro-cid-horqngeo],[data-astro-cid-horqngeo][data-phase=press] .content[data-astro-cid-horqngeo],[data-astro-cid-horqngeo][data-phase=open] .content[data-astro-cid-horqngeo]{transform:translateY(var(--start));transition:transform 1.8s cubic-bezier(.45,0,.3,1)}[data-astro-cid-horqngeo][data-phase=reveal] .content[data-astro-cid-horqngeo],[data-astro-cid-horqngeo][data-phase=still] .content[data-astro-cid-horqngeo]{transform:translateY(var(--open-scroll));transition:transform var(--reveal-time,2s) cubic-bezier(.45, 0, .3, 1)}.shot[data-astro-cid-horqngeo]{display:block;position:absolute;inset:0 0 auto}.shot[data-astro-cid-horqngeo] img[data-astro-cid-horqngeo]{width:100%;display:block}.shot--above[data-astro-cid-horqngeo]{clip-path:inset(0 0 var(--split-rest) 0)}.shot--below[data-astro-cid-horqngeo]{clip-path:inset(var(--split) 0 0 0);transition:transform .65s var(--ease)}[data-astro-cid-horqngeo][data-phase=open] .shot--above[data-astro-cid-horqngeo],[data-astro-cid-horqngeo][data-phase=reveal] .shot--above[data-astro-cid-horqngeo],[data-astro-cid-horqngeo][data-phase=still] .shot--above[data-astro-cid-horqngeo],[data-astro-cid-horqngeo][data-phase=still] .shot--below[data-astro-cid-horqngeo]{visibility:hidden}[data-astro-cid-horqngeo][data-phase=open] .shot--below[data-astro-cid-horqngeo],[data-astro-cid-horqngeo][data-phase=reveal] .shot--below[data-astro-cid-horqngeo]{transform:translateY(var(--delta))}.nav[data-astro-cid-horqngeo]{z-index:2;border-radius:999px;width:91.9%;position:absolute;bottom:2%;left:4.07%;box-shadow:0 .5rem 1rem -.5rem #15342c4d}.finger[data-astro-cid-horqngeo]{z-index:3;opacity:0;filter:drop-shadow(0 .25rem .375rem #15342c59);width:13%;position:absolute;translate:-37% -8%}.finger--tap[data-astro-cid-horqngeo]{top:var(--tap-y);left:var(--tap-x);transition:transform .9s var(--ease), opacity .3s ease;transform:translate(3rem,5rem)rotate(-8deg)}[data-astro-cid-horqngeo][data-phase=aim] .finger--tap[data-astro-cid-horqngeo],[data-astro-cid-horqngeo][data-phase=press] .finger--tap[data-astro-cid-horqngeo]{opacity:1;transform:rotate(-8deg)}[data-astro-cid-horqngeo][data-phase=press] .finger--tap[data-astro-cid-horqngeo]{transition-duration:.15s;transform:rotate(-8deg)scale(.88)}[data-astro-cid-horqngeo][data-phase=open] .finger--tap[data-astro-cid-horqngeo]{transition-duration:.6s;transform:translate(1.5rem,2rem)rotate(-8deg)}.finger--swipe[data-astro-cid-horqngeo]{top:72%;left:62%;transform:rotate(-8deg)}[data-astro-cid-horqngeo][data-phase=arrive] .finger--swipe[data-astro-cid-horqngeo]{animation:1.8s ease-in-out swipe}.ripple[data-astro-cid-horqngeo]{z-index:2;top:var(--tap-y);left:var(--tap-x);aspect-ratio:1;opacity:0;background:#16765b47;border-radius:999px;width:16%;position:absolute;translate:-50% -50%}[data-astro-cid-horqngeo][data-phase=press] .ripple[data-astro-cid-horqngeo]{animation:.6s ease-out forwards ripple}[data-astro-cid-horqngeo][data-instant],[data-astro-cid-horqngeo][data-instant] *{transition:none!important}.controls[data-astro-cid-horqngeo]{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.chips[data-astro-cid-horqngeo]{box-shadow:var(--ring);background:#ffffff8c;border-radius:1.75rem;flex-wrap:wrap;justify-content:center;gap:.25rem;padding:.3125rem;display:flex}.chip[data-astro-cid-horqngeo]{min-height:3rem;color:var(--ds-text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 1rem;font-size:.9375rem}.chip[data-astro-cid-horqngeo][aria-pressed=true]{color:var(--ds-text-primary);box-shadow:var(--ring);background:#fff;font-weight:550}[data-astro-cid-horqngeo][data-paused] *{animation-play-state:paused!important}[data-astro-cid-horqngeo][data-still] .finger[data-astro-cid-horqngeo],[data-astro-cid-horqngeo][data-still] .ripple[data-astro-cid-horqngeo]{display:none}[data-astro-cid-horqngeo][data-still] *{transition:none!important}@keyframes swipe{0%{opacity:0;top:78%}15%{opacity:1}75%{opacity:1;top:40%}to{opacity:0;top:36%}}@keyframes ripple{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}