*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}html body{font-family:Open Sans,sans-serif;line-height:1.5;color:#333;background-color:#fff}html body ul{list-style:none}html body #root{height:100vh}html body #root input::-webkit-inner-spin-button{-webkit-appearance:none}html body #root .App{height:100%;display:flex;flex-direction:column}html body #root .App #modalOverlayBarcodeScan{width:100%;height:100%;position:fixed;padding:20px 0;background-color:#333;top:0;left:0;z-index:9999}html body #root .App #modalOverlayBarcodeScan .overlayIcon{display:flex;justify-content:center;align-items:center;width:3rem;height:3rem;padding:.5rem;background-color:#fff;color:#000;cursor:pointer;border-radius:50%;border:#333 solid 2px;z-index:100}html body #root .App #modalOverlayBarcodeScan #barcodeScanHeader{width:100%;position:relative;display:flex;justify-content:space-between;align-items:center;color:#fff}html body #root .App #modalOverlayBarcodeScan #barcodeScanHeader #barcodeScanHeaderTitle{font-size:2em;font-weight:600}html body #root .App #modalOverlayBarcodeScan #barcodeScanHeader #barcodeScanHeaderClose{font-size:1.5em;font-weight:600;cursor:pointer}html body #root .App #modalOverlayBarcodeScan #overlaySwitch{position:absolute;bottom:0;left:50%;margin-bottom:2em;transform:translate(-50%)}html body #root .App #modalOverlayBarcodeScan video{display:block;width:100%;height:90%;margin:2em auto}html body #root .App #productCode,html body #root .App #littleProductCode{padding:0 0 0 .3em}html body #root .App #modalOverlayCamera{width:100%;height:100%;position:fixed;padding:20px 0;background-color:#333;top:0;left:0;z-index:9999}html body #root .App #modalOverlayCamera .cameraOverlayIcon{display:flex;justify-content:center;align-items:center;width:3rem;height:3rem;padding:.5rem;background-color:#fff;color:#000;cursor:pointer;border-radius:50%;border:#333 solid 2px;z-index:100}html body #root .App #modalOverlayCamera #cameraHeader{width:100%;position:relative;display:flex;justify-content:space-between;align-items:center;color:#fff}html body #root .App #modalOverlayCamera #cameraOverlayCapture{position:absolute;bottom:0;left:50%;margin-bottom:2em;transform:translate(-50%)}html body #root .App #modalOverlayCamera #cameraOverlaySwitch{margin-right:1em}html body #root .App #modalOverlayCamera video{display:block;margin:2em auto}html body #Products__Grid{display:grid;grid-template-columns:1fr;grid-auto-rows:400px;margin:30px auto;justify-content:center;grid-gap:25px}@media screen and (min-width: 457px){html body #Products__Grid{grid-template-columns:repeat(auto-fill,200px);grid-auto-rows:300px}}html body #Products__Grid .Products__Card{background-color:#fff;border-radius:5px;padding:1em;box-shadow:0 0 5px #0003;cursor:pointer}html body #Products__Grid .Products__Card:hover{box-shadow:0 0 10px #0003}html body #Organization_Grid{display:grid;grid-template-columns:1fr;margin:30px auto;justify-content:center;grid-gap:50px}@media screen and (min-width: 457px){html body #Organization_Grid{grid-template-columns:repeat(auto-fill,250px);grid-auto-rows:150px}}html body #Organization_Grid .Organization_Card{background-color:#eee;border-radius:5px;margin:10px auto;padding:1em;width:100%;height:100%;box-shadow:0 0 5px #0003;align-self:flex-start;cursor:pointer;position:relative}html body #Organization_Grid .Organization_Card:hover{box-shadow:0 0 15px #0003}html body #Product_Grid{display:grid;grid-template-columns:1fr;margin:30px auto;justify-content:center;grid-gap:50px}@media screen and (min-width: 457px){html body #Product_Grid{grid-template-columns:repeat(auto-fill,250px)}}html body #Product_Grid .Product_Card{background-color:#eee;border-radius:5px;padding:1em;width:100%;height:100%;box-shadow:0 0 5px #0003;align-self:flex-start;cursor:pointer;position:relative}html body #Product_Grid .Product_Card:hover{box-shadow:0 0 15px #0003}html body #Brand_Grid{display:grid;grid-template-columns:1fr;margin:30px auto;justify-content:center;grid-gap:50px}@media screen and (min-width: 457px){html body #Brand_Grid{grid-template-columns:repeat(auto-fill,250px)}}html body #Brand_Grid .Brand_Card{background-color:#eee;border-radius:5px;padding:1em;width:100%;height:100%;box-shadow:0 0 5px #0003;align-self:flex-start;position:relative}html body #Brand_Grid .Brand_Card:hover{box-shadow:0 0 15px #0003}