:root{--scanner-bg:var(--background,var(--bg,#e9eef2));--scanner-text:var(--text-primary,var(--ink,#142630));--scanner-muted:var(--text-secondary,var(--muted,#566a76));--scanner-blue:var(--primary,var(--blue,#0872bd))}
.ppc-scanner-overlay{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;width:100%;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;background:var(--scanner-bg);color:var(--scanner-text);opacity:1;transition:opacity .22s ease,visibility .22s ease}.ppc-scanner-overlay[hidden]{display:none}.ppc-scanner-overlay.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.ppc-scanner-card{display:grid;justify-items:center;gap:13px;width:min(320px,82vw);padding:22px;text-align:center}.ppc-scanner-visual{position:relative;width:min(230px,58vw);aspect-ratio:1.091/1;isolation:isolate}.ppc-scanner-logo{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,51,115,.16));animation:ppc-reader-focus 2.2s ease-in-out infinite}.ppc-scanner-barcode{position:absolute;z-index:2;left:32.3%;top:34%;width:23.2%;height:18.2%;overflow:hidden;border-radius:5%;pointer-events:none}.ppc-scanner-beam{position:absolute;top:2%;bottom:2%;left:-14%;width:4px;border-radius:999px;background:#91d9ff;box-shadow:0 0 4px #fff,0 0 9px #21a8ff,0 0 16px rgba(0,119,255,.75);animation:ppc-barcode-scan 1.45s cubic-bezier(.45,0,.55,1) infinite}
.ppc-scanner-copy{display:grid;gap:4px}.ppc-scanner-copy strong{font-size:clamp(16px,3.8vw,19px);color:var(--scanner-text)}.ppc-scanner-copy small{color:var(--scanner-muted);font-size:13px}.ppc-scanner-dots{display:flex;gap:5px;height:5px}.ppc-scanner-dots i{display:block;width:5px;height:5px;border-radius:50%;background:var(--scanner-blue);animation:ppc-dot 1.2s ease-in-out infinite}.ppc-scanner-dots i:nth-child(2){animation-delay:.16s}.ppc-scanner-dots i:nth-child(3){animation-delay:.32s}
.ppc-scanner-inline{display:grid;justify-items:center;gap:7px;padding:14px 8px;color:inherit}.ppc-scanner-inline .ppc-scanner-visual{width:min(145px,42vw)}.ppc-scanner-inline .ppc-scanner-copy strong{color:inherit}.ppc-scanner-inline .ppc-scanner-copy small{color:inherit;opacity:.76}html:has(.ppc-scanner-overlay:not([hidden])){overflow:hidden}body.ppc-scanner-locked{overflow:hidden!important;touch-action:none}
@keyframes ppc-barcode-scan{0%{left:-14%;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:112%;opacity:0}}@keyframes ppc-reader-focus{0%,100%{transform:translateX(0)}50%{transform:translateX(1px)}}@keyframes ppc-dot{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
@media(max-width:480px){.ppc-scanner-card{gap:9px;padding:14px}.ppc-scanner-visual{width:min(190px,54vw)}}
@media(prefers-reduced-motion:reduce){.ppc-scanner-overlay{transition:opacity .12s linear}.ppc-scanner-logo,.ppc-scanner-beam{animation:none}.ppc-scanner-beam{display:none}.ppc-scanner-dots i{animation:ppc-reduced-pulse 1.5s ease-in-out infinite}.ppc-scanner-dots i:nth-child(2){animation-delay:.25s}.ppc-scanner-dots i:nth-child(3){animation-delay:.5s}@keyframes ppc-reduced-pulse{0%,100%{opacity:.25}50%{opacity:.85}}}