.barcode-scanner-component{position:relative}.scanner-interface{max-width:100%;margin:0 auto}.scanner-container{position:relative;background-color:#000;border-radius:.5rem;overflow:hidden;width:100%;max-width:400px;margin:0 auto}@media (max-width: 640px){.scanner-interface{border-radius:.25rem}.scanner-container{min-height:250px;max-width:100%}.scanner-body{padding:1rem}}.scanner-container video{width:100%;height:100%;object-fit:cover;border-radius:.5rem}.scanner-loading{display:flex;align-items:center;justify-content:center;min-height:200px;background-color:#f3f4f6;border-radius:.5rem}.scanner-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;background-color:#fef2f2;color:#dc2626;border-radius:.5rem;padding:1rem;text-align:center}.scan-success-animation{animation:scanSuccess .5s ease-out}@keyframes scanSuccess{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.pos-toast{position:fixed;top:1rem;right:1rem;z-index:9999;max-width:24rem}.pos-layout .barcode-scanner-component{z-index:10}@media (max-height: 500px) and (orientation: landscape){.scanner-interface{max-height:200px}.scanner-container{min-height:150px}}