.App{font-family:sans-serif}.generatorExample{display:flex;flex-direction:column;gap:10px}.generatorConfig{display:flex;gap:10px;-webkit-user-select:none;user-select:none}.generatorConfig div{padding:5px;background:#eee}.generatorQrDiv{width:300px;height:300px;background:#eee;position:relative}.generatorBox{display:flex;gap:10px}.generatorLogs{background:#eee;height:300px;width:300px;overflow-y:scroll;display:flex;flex-direction:column-reverse;gap:2px}.generatorLogs .generatorLogsEntry{padding:5px 10px;background:#ddd}.scannerContainer{display:flex;flex-direction:column;gap:5px}.scannerVideoFeed{display:block;background:#eee;width:100%;height:40vh;object-fit:cover}.scannerVideoFeedContainer{height:40vh;overflow:hidden;background:#eee;position:relative}.scannerLogs{background:#eee;height:30vh;width:100%;overflow-y:scroll;display:flex;flex-direction:column-reverse;gap:2px}.scannerLogs .scannerLogsEntry{padding:5px 10px;background:#ddd}.qrScanGuide{position:absolute;width:100%;height:40vh;top:0;left:0}.qrScanGuideSquare{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:55vw;height:55vw;border-radius:20px;background:transparent;box-shadow:0 0 0 9999px #000000a0}.loader{color:#000;font-size:45px;text-indent:-9999em;overflow:hidden;width:1em;height:1em;border-radius:50%;transform:translateZ(0);animation:mltShdSpin 1.7s infinite ease,round 1.7s infinite ease;position:absolute;left:calc(50% - 25px);top:calc(50% - 25px)}@keyframes mltShdSpin{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@keyframes round{0%{transform:rotate(0)}to{transform:rotate(360deg)}}