html,body,#root{height:100%;margin:0;padding:0;overflow-x:hidden;background:#000;background-size:cover}.logo{width:auto;height:100px}.hightlight{object-fit:cover;max-height:200px;width:100%;object-position:0% 10%}.MuiCardContent-root{padding-bottom:0!important}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loadingSpinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #b3aeae;border-radius:50%;animation:spinner 1.5s linear infinite}.spinnerContainer{display:flex;justify-content:center;align-items:center;height:80%;margin-top:5rem}.qr-reader{width:430px;height:430px;margin:0 auto;position:relative}.qr-reader video{width:100%;height:100%;object-fit:cover}.qr-reader .qr-box{width:100%!important;left:0!important}.qr-box.scan-region-highlight{height:0px!important}.qr-reader .qr-frame{position:absolute;fill:none;left:50%;top:50%;transform:translate(-50%) translateY(0)}@media (max-width: 426px){.qr-reader{width:100%;height:76vw}.qr-reader .qr-frame{transform:translate(-50%) translateY(-10%)}}