.scene[data-astro-cid-rikuu5ud]{perspective:1100px;width:min(26rem,100%);height:31rem;position:relative}.handset[data-astro-cid-rikuu5ud]{width:15rem;box-shadow:0 0 0 1px var(--on-navy-line), 0 60px 110px -25px color-mix(in oklab, var(--blue) 90%, transparent);background:#020a1c;border-radius:2.4rem;padding:.55rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateY(-16deg)rotateX(7deg)rotate(3deg)}.screen[data-astro-cid-rikuu5ud]{aspect-ratio:9/17;background:var(--cloud);color:var(--ink);text-align:center;border-radius:1.9rem;align-content:center;justify-items:center;gap:.9rem;padding:1.5rem;display:grid}.state[data-astro-cid-rikuu5ud]{letter-spacing:-.03em;font-size:1.15rem;font-weight:750}.code[data-astro-cid-rikuu5ud]{border:1px solid var(--line);width:8.5rem;fill:var(--navy);background:#fff;border-radius:.8rem;padding:.6rem}.digits[data-astro-cid-rikuu5ud]{letter-spacing:.08em;font-size:1.05rem;font-weight:600}.expires[data-astro-cid-rikuu5ud]{color:var(--muted);font-size:.72rem}.chip[data-astro-cid-rikuu5ud]{border:1px solid var(--on-navy-line);background:color-mix(in oklab, var(--navy-deep) 92%, transparent);color:var(--on-navy-muted);font-size:var(--step--2);border-radius:.9rem;padding:.6rem .9rem;position:absolute;box-shadow:0 20px 40px -20px #000}.chip[data-astro-cid-rikuu5ud] b[data-astro-cid-rikuu5ud]{color:var(--on-navy);font-size:var(--step--1);display:block}.chip--1[data-astro-cid-rikuu5ud]{top:7%;left:-1rem}.chip--2[data-astro-cid-rikuu5ud]{bottom:14%;right:0}.motion .handset[data-astro-cid-rikuu5ud]{animation:9s ease-in-out infinite alternate hover}.motion .chip[data-astro-cid-rikuu5ud]{animation:7s ease-in-out infinite alternate bob}.motion .chip--2[data-astro-cid-rikuu5ud]{animation-delay:-3s}@keyframes hover{to{transform:translate(-50%,-52%)rotateY(-9deg)rotateX(4deg)rotate(1deg)}}@keyframes bob{to{transform:translateY(-.6rem)}}@media (width<=62rem){.scene[data-astro-cid-rikuu5ud]{height:27rem}}