.scanner-container{width:100%;height:100%;position:relative;overflow:hidden}.scanner-canvas{width:100%;height:100%;display:block}.scanner-fallback,.scanner-fallback svg{width:100%;height:100%;position:absolute;inset:0}.scanner-fallback{overflow:hidden}.scanner-fallback svg{fill:none}.scanner-fallback path{vector-effect:non-scaling-stroke}.scanner-fallback-rest{stroke:var(--scanner-color-rest);stroke-width:1.2px;opacity:.55}.scanner-fallback-lit{stroke:var(--scanner-color-lit);stroke-width:2.2px;opacity:.9;filter:drop-shadow(0 0 10px var(--scanner-color-lit));animation:scanner-sweep var(--scanner-duration) linear infinite;-webkit-mask-image:linear-gradient(90deg,#0000 32%,#000 50%,#0000 68%);mask-image:linear-gradient(90deg,#0000 32%,#000 50%,#0000 68%);-webkit-mask-size:250% 100%;mask-size:250% 100%}.scanner-fallback-beam{filter:blur(18px);width:20%;animation:scanner-beam var(--scanner-duration) linear infinite;background:linear-gradient(90deg,#0000,#e31e2b0d,#ff657029,#0000);position:absolute;top:0;bottom:0;left:-20%}@keyframes scanner-sweep{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}@keyframes scanner-beam{0%{left:-20%}to{left:100%}}@media (prefers-reduced-motion:reduce){.scanner-fallback-lit,.scanner-fallback-beam{animation:none}}