.frame.svelte-wyxpou{position:relative;width:100%;aspect-ratio:4 / 3;background:#0b0d0c;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.scanner.svelte-wyxpou{width:100%;height:100%;object-fit:cover;display:block}.overlay.svelte-wyxpou{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff}.overlay.svelte-wyxpou .spinner:where(.svelte-wyxpou){width:28px;height:28px;border-width:3px}.viewfinder.svelte-wyxpou{position:absolute;top:12%;right:10%;bottom:12%;left:10%;pointer-events:none}.corner.svelte-wyxpou{position:absolute;width:26px;height:26px;border:3px solid var(--color-primary)}.tl.svelte-wyxpou{top:0;left:0;border-right:none;border-bottom:none;border-top-left-radius:8px}.tr.svelte-wyxpou{top:0;right:0;border-left:none;border-bottom:none;border-top-right-radius:8px}.bl.svelte-wyxpou{bottom:0;left:0;border-right:none;border-top:none;border-bottom-left-radius:8px}.br.svelte-wyxpou{bottom:0;right:0;border-left:none;border-top:none;border-bottom-right-radius:8px}.scan-line.svelte-wyxpou{position:absolute;left:4%;right:4%;height:2px;background:var(--color-primary);box-shadow:0 0 8px 1px var(--color-primary);animation:svelte-wyxpou-zs-scan 2.2s ease-in-out infinite}@keyframes svelte-wyxpou-zs-scan{0%{top:2%;opacity:.9}50%{top:96%;opacity:.9}51%{opacity:0}52%{top:2%;opacity:0}60%{opacity:.9}to{top:2%;opacity:.9}}.hint.svelte-wyxpou{text-align:center;color:var(--color-text-muted);font-size:.85rem;margin-top:var(--space-3)}