:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;color:#5d657b;background-color:#fbf9fd}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}video[data-v-124dcc57]{max-width:100%;max-height:100%}.scanner-container[data-v-124dcc57]{position:relative}.overlay-element[data-v-124dcc57]{position:absolute;top:0;width:100%;height:99%;background:rgba(30,30,30,.5);-webkit-clip-path:polygon(0% 0%,0% 100%,20% 100%,20% 20%,80% 20%,80% 80%,20% 80%,20% 100%,100% 100%,100% 0%);clip-path:polygon(0% 0%,0% 100%,20% 100%,20% 20%,80% 20%,80% 80%,20% 80%,20% 100%,100% 100%,100% 0%)}.laser[data-v-124dcc57]{width:60%;margin-left:20%;background-color:tomato;height:1px;position:absolute;top:40%;z-index:2;box-shadow:0 0 4px red;-webkit-animation:scanning-124dcc57 2s infinite;animation:scanning-124dcc57 2s infinite}@-webkit-keyframes scanning-124dcc57{50%{-webkit-transform:translateY(75px);transform:translateY(75px)}}@keyframes scanning-124dcc57{50%{-webkit-transform:translateY(75px);transform:translateY(75px)}}