@charset "UTF-8";@keyframes CameraAnimationStart{0%,to{width:.25em;border-radius:50%;left:50%;right:50%}}@keyframes CameraAnimateLine{0%{top:0;left:-.25em;right:-.25em;background:var(--main-color-red);box-shadow:none}45%,5%{box-shadow:0-1em 1em var(--main-color-red)}25%{box-shadow:0-2em 2em var(--main-color-red)}50%{top:100%;box-shadow:0 0 .5em var(--main-color-red)}55%,95%{box-shadow:0 1em 1em var(--main-color-red)}75%{box-shadow:0 2em 2em var(--main-color-red)}to{top:0;height:100%;left:-.25em;right:-.25em;box-shadow:none}}@keyframes CameraAnimateHorisontal{0%{left:50%;right:50%}to{left:-.25em;right:-.25em}}input[type=range].styled-zoom{-webkit-appearance:none;padding:0}input[type=range].styled-zoom:focus{outline:0}input[type=range].styled-zoom::-webkit-slider-thumb{-webkit-appearance:none;width:2em;height:2em;border-radius:50%;background:var(--main-color-gray);border:1px solid var(--main-color-dark);cursor:pointer;margin-top:-1em}input[type=range].styled-zoom::-webkit-slider-runnable-track{height:1px;border-radius:var(--border-radius-medium);background:var(--main-color-very-dark);box-shadow:none}.barcodesFound{display:flex;grid-gap:.5em;flex-wrap:wrap;padding:.5em 0}.barcodesFound .foundedBarcode{padding:.75em 1em;border-radius:2em;background:var(--main-color-white);border:1px solid var(--main-color-gray);cursor:pointer;box-shadow:0 0 .5em var(--main-color-light-gray)}.scanBarcodeCameraWrap{display:grid;justify-content:center}.scanBarcodeCameraWrap .barcodeHeaderText{position:relative}.scanBarcodeCameraWrap .barcodesFoundVideo .cameras{display:flex;grid-gap:.5em;flex-wrap:wrap}.scanBarcodeCameraWrap .barcodesFoundVideo .cameras .selectCamera{padding:.5em .75em;background:var(--main-color-medium-gray);border-radius:2em}.scanBarcodeCameraWrap .barcodesFoundVideo{display:grid;grid-gap:.5em;justify-content:center;padding:0 1em;position:relative}.scanBarcodeCameraWrap .barcodesFoundVideo .barcodesVideo{display:flex;justify-content:center;position:relative}.scanBarcodeCameraWrap .barcodesFoundVideo video{width:90%}.scanBarcodeCameraWrap .scanBarcodeCameraRangeWrap{display:flex;justify-content:center}.scanBarcodeCameraWrap .scanBarcodeCameraRangeWrap .scanBarcodeCameraChangeZoom{width:50%}.barcodeWait .barcodeHeaderText{position:relative}.barcodesFoundVideo .cameraAnimation{content:"";position:absolute;inset:1.25em;left:-.25em;right:-.25em;top:0;animation-name:CameraAnimationStart,CameraAnimateHorisontal,CameraAnimateLine;animation-duration:1s,.25s,3s;animation-iteration-count:1,1,infinite;animation-delay:0s,1s,2s;padding:.025em;background:var(--main-color-red);opacity:.75;display:flex;justify-content:center;align-items:center;max-height:.25em}.inputCameraBarcode .svgWrap,.inputCameraBarcode svg{height:30px}.inputCameraBarcode svg{border-radius:50%;padding:.5em;cursor:pointer;box-shadow:0 0 .5em var(--main-color-gray);background:var(--main-color-blue);fill:var(--main-color-white)}