.scanner-container{height:70vh}.not-compatible{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:210px;font-family:Poppins,sans-serif;font-size:16px;color:#fff;background-color:#212121;opacity:.9;z-index:9}.scanner-container .flash-light{position:absolute;bottom:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:10px 20px;text-align:center}.scanner__note{background-color:rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.1);color:#fff;font-size:1rem;font-weight:600;border-radius:10px;padding:5px 10px;margin-bottom:20px;display:inline-block}.corner{position:absolute;width:50px;height:50px;border-color:#ff5a10;border-style:solid;z-index:10;border-radius:5px;-webkit-animation:scaleFrontBack 2s ease-in-out infinite;animation:scaleFrontBack 2s ease-in-out infinite}@-webkit-keyframes scaleFrontBack{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleFrontBack{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}to{-webkit-transform:scale(1);transform:scale(1)}}.top-left{left:calc(50% - 125px);border-width:5px 0 0 5px}.top-left,.top-right{top:calc(50% - 125px)}.top-right{right:calc(50% - 125px);border-width:5px 5px 0 0}.bottom-left{bottom:calc(50% - 125px);left:calc(50% - 125px);border-width:0 0 5px 5px;border-radius:5px}.bottom-right{bottom:calc(50% - 125px);right:calc(50% - 125px);border-width:0 5px 5px 0}