@import "https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800;900&family=Barlow+Condensed:wght@600;700;800;900&display=swap";
.vin-capture-page{color:#fff;background:#050505;place-items:center;min-height:100dvh;padding:18px;font-family:Barlow,Arial,sans-serif;display:grid}.vin-capture-card{background:#111;border:1px solid #d60b2f;border-radius:8px;width:min(620px,100%);padding:clamp(18px,4vw,28px);box-shadow:0 24px 80px #000000bf}.vin-capture-card>header{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.vin-capture-card>header button{color:#fff;cursor:pointer;background:#181818;border:1px solid #ffffff2e;border-radius:5px;flex:none;place-items:center;width:42px;height:42px;display:grid}.vin-capture-card header span,.vin-capture-card form label{color:#d60b2f;letter-spacing:.12em;text-transform:uppercase;font:900 14px Barlow Condensed,sans-serif}.vin-capture-card h1{text-transform:uppercase;margin:5px 0 0;font:900 clamp(32px,8vw,48px)/.95 Barlow Condensed,sans-serif}.vin-capture-camera{aspect-ratio:4/3;background:#050505;border:1px solid #ffffff29;border-radius:6px;place-items:center;display:grid;position:relative;overflow:hidden}.vin-capture-camera video{-o-object-fit:cover;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .18s}.vin-capture-camera.is-ready video{opacity:1}.vin-capture-frame{color:#d60b2f;pointer-events:none;border:2px solid #d60b2f;border-radius:5px;place-items:center;display:grid;position:absolute;inset:22% 8%;box-shadow:0 0 0 999px #0000003d}.vin-capture-frame svg{opacity:.62;width:90%;height:90%}.vin-capture-status{color:#aaa;margin:12px 0 18px;line-height:1.45}.vin-capture-card form{gap:8px;display:grid}.vin-capture-card input{color:#fff;text-transform:uppercase;background:#050505;border:1px solid #fff3;border-radius:4px;width:100%;padding:12px 13px;font-size:16px;font-weight:700}.vin-capture-card form button{color:#fff;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#d60b2f;border:1px solid #d60b2f;border-radius:4px;padding:13px 18px;font:900 16px Barlow Condensed,sans-serif}@media (max-width:620px){.vin-capture-page{align-items:end;padding:12px}}@media (prefers-reduced-motion:reduce){.vin-capture-camera video{transition:none}}