.scan-device .device-screen{container-type:inline-size;aspect-ratio:390/844;display:block}.scan-device .ph-time{position:absolute;top:3.676cqw;left:0;width:34.5%;height:8.456cqw;display:grid;place-items:center;font-size:4.779cqw;line-height:1;font-weight:600;letter-spacing:-.01em;color:#2a2724}.scan-device .ph-icons{position:absolute;top:3.676cqw;right:0;width:34.5%;height:8.456cqw;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 12' fill='%232A2724'%3E%3Crect x='0' y='7.5' width='3' height='4.5' rx='.8'/%3E%3Crect x='4.6' y='5.2' width='3' height='6.8' rx='.8'/%3E%3Crect x='9.2' y='2.8' width='3' height='9.2' rx='.8'/%3E%3Crect x='13.8' y='.4' width='3' height='11.6' rx='.8'/%3E%3Cpath d='M29.5 3.1c2.4 0 4.6.9 6.2 2.5l1-1.1A10.2 10.2 0 0 0 29.5 1.5c-2.8 0-5.3 1.1-7.2 3l1 1.1a8.8 8.8 0 0 1 6.2-2.5Zm0 3.3c1.5 0 2.9.6 3.9 1.6l1-1.1a7 7 0 0 0-9.8 0l1 1.1c1-1 2.4-1.6 3.9-1.6Zm0 3.2c-.7 0-1.3.3-1.8.7l1.8 1.9 1.8-1.9c-.5-.4-1.1-.7-1.8-.7Z'/%3E%3Crect x='41.5' y='.9' width='17' height='10.2' rx='3' fill='none' stroke='%232A2724' stroke-opacity='.45'/%3E%3Crect x='43' y='2.4' width='14' height='7.2' rx='1.7'/%3E%3Cpath d='M59.8 4.2v3.6c.8-.3 1.3-1 1.3-1.8s-.5-1.5-1.3-1.8Z' fill-opacity='.5'/%3E%3C/svg%3E") center/19.118cqw auto no-repeat}.scan-device .device-screen{background:#1c1a18}.scan-device .ph-time{color:#fff}.scan-device .ph-icons{filter:invert(1) brightness(2)}.scan-device .cam{position:relative;aspect-ratio:390/844;overflow:hidden;background:#1c1a18;color:#fff;font-size:4.779cqw;line-height:1.45}.scan-device .cam>*{z-index:2}.scan-device .cam-feed{position:absolute;z-index:0;top:-14%;left:50%;height:118%;width:auto;max-width:none;transform:translate(-50%)}.scan-device .cam-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#1412109e,#1412102e 22%,#1412101a 55%,#14121073)}.scan-device .cam-mode{position:absolute;top:19.118cqw;left:50%;transform:translate(-50%);padding:1.838cqw 4.412cqw;border-radius:367.279cqw;background:#1412108c;font-weight:700;font-size:4.596cqw;white-space:nowrap}.scan-device .cam-hint{position:absolute;top:31.618cqw;left:0;right:0;text-align:center;font-weight:600;text-shadow:0 .368cqw 2.206cqw rgba(0,0,0,.6)}.scan-device .cam-frame{position:absolute;left:43%;top:32%;width:36%;height:26%}.scan-device .cam-frame i{position:absolute;width:7.353cqw;height:7.353cqw;border:1.103cqw solid #fff;border-radius:1.471cqw;filter:drop-shadow(0 .368cqw 1.103cqw rgba(0,0,0,.45))}.scan-device .cam-frame i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0}.scan-device .cam-frame i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0}.scan-device .cam-frame i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0}.scan-device .cam-frame i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0}.scan-device .cam-bar{position:absolute;left:4%;right:4%;top:50%;height:1.103cqw;border-radius:367.279cqw;background:#e85f3f;box-shadow:0 0 3.676cqw .735cqw #e85f3fbf,0 0 10.294cqw 2.941cqw #e85f3f59;opacity:0}.scan-device .cam-found{position:absolute;top:26%;left:61%;transform:translate(-50%);padding:1.471cqw 4.044cqw;border-radius:367.279cqw;background:#fff;color:#2a2724;font-weight:700;font-size:4.412cqw;white-space:nowrap;box-shadow:0 1.471cqw 4.412cqw #0000004d}.scan-device .cam-sheet{position:absolute;left:0;right:0;bottom:0;background:#faf7f2;color:#2a2724;border-radius:8.088cqw 8.088cqw 0 0;padding:6.618cqw 6.618cqw 11.029cqw;box-shadow:0 -4.412cqw 11.029cqw #0000004d}.scan-device .cam-sheet:before{content:"";display:block;width:13.235cqw;height:1.471cqw;border-radius:367.279cqw;background:#ece6dd;margin:-2.206cqw auto 4.412cqw}.scan-device .cs-label{font-size:4.228cqw;font-weight:700;color:#b5482f}.scan-device .cs-name{font-size:6.25cqw;font-weight:800;letter-spacing:-.03em;line-height:1.3;margin-top:.735cqw}.scan-device .cs-with{font-size:4.412cqw;color:#736a5e;margin-top:1.103cqw}.scan-device .cs-state{margin-top:4.412cqw;padding:4.412cqw 5.147cqw;background:#fff;border-radius:5.147cqw;display:grid;gap:1.471cqw}.scan-device .cs-state b{font-size:5.331cqw;font-weight:800;letter-spacing:-.02em}.scan-device .cs-state span{font-size:4.596cqw;line-height:1.5}.scan-device .cs-state u{font-size:4.228cqw;font-weight:700;color:#b5482f;text-underline-offset:1.103cqw}@media(prefers-reduced-motion:no-preference){.scan-device .cam-feed{animation:cam-feed 8s cubic-bezier(.3,.6,.3,1) infinite}.scan-device .cam-frame{animation:cam-frame 8s ease infinite}.scan-device .cam-bar{animation:cam-sweep .85s ease-in-out infinite alternate,cam-bar 8s linear infinite}.scan-device .cam-found{animation:cam-found 8s ease infinite}.scan-device .cam-hint{animation:cam-hint 8s ease infinite}.scan-device .cam-sheet{animation:cam-sheet 8s cubic-bezier(.2,.8,.2,1) infinite}}@keyframes cam-feed{0%{transform:translate(-46%,2.5%) scale(1.09);filter:blur(1.471cqw)}9%{transform:translate(-49%,.6%) scale(1.03);filter:blur(.368cqw)}15%,to{transform:translate(-50%);filter:none}}@keyframes cam-frame{0%,8%{opacity:.55;transform:scale(1.2)}16%{opacity:1;transform:scale(1)}44%{transform:scale(1)}47%{transform:scale(.95)}50%,94%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes cam-sweep{0%{top:3%}to{top:95%}}@keyframes cam-bar{0%,13%{opacity:0}16%,43%{opacity:1}46%,to{opacity:0}}@keyframes cam-found{0%,45%{opacity:0;transform:translate(-50%,2.206cqw)}50%,94%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}@keyframes cam-hint{0%,42%{opacity:1}47%,to{opacity:0}}@keyframes cam-sheet{0%,52%{transform:translateY(105%)}62%,93%{transform:none}to{transform:translateY(105%)}}