html,body{background-color:#111;overflow:hidden}#wrapper{position:absolute;width:100%;height:100%}#video{position:absolute;opacity:0;top:0;left:0;z-index:-1000;overflow:hidden}#canvas{background-color:#111}#reader_square{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:5px solid #fff;border-radius:12px;box-shadow:0 0 0 2000px #00000080;overflow:hidden}@media screen and (max-height: 360px) and (orientation: landscape){#reader_square{top:unset;bottom:calc((100% - (100% - 72px) - 50px)/2);left:50%;transform:translate(-50%)}}@media screen and (min-height: 361px) and (max-height: 767px) and (orientation: landscape){#reader_square{top:unset;bottom:calc((100% - 353px)/2);left:50%;transform:translate(-50%)}}#button{padding:0;margin:0;background:transparent;border:none;outline:none;position:absolute;right:14px;bottom:14px}#file{display:none}#label{padding:0;margin:0;background:transparent;border:none;outline:none;position:absolute;right:14px;bottom:14px;background:url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.6675%200.749969H27.3325C28.391%200.749969%2029.2492%201.60816%2029.2492%202.66664V27.3333C29.2492%2028.3918%2028.391%2029.25%2027.3325%2029.25H2.6675C1.60902%2029.25%200.750832%2028.3918%200.750832%2027.3333V2.66664C0.750832%201.60816%201.60902%200.749969%202.6675%200.749969ZM27.0817%2027.0817V2.91667H2.91666V27.0817H27.0817ZM14.2148%2010.8781L7.81685%2020.8516H20.6128L14.2148%2010.8781ZM18.4288%2010.8779C18.4288%209.88861%2019.2328%209.08661%2020.2247%209.08661C21.2165%209.08661%2022.0205%209.88861%2022.0205%2010.8779C22.0205%2011.8671%2021.2165%2012.6693%2020.2247%2012.6693C19.2328%2012.6693%2018.4288%2011.8673%2018.4288%2010.8779Z'%20fill='white'/%3e%3c/svg%3e") no-repeat;background-size:cover;width:28.5px;height:28.5px}.error{height:100%;width:100%;justify-content:center;align-items:center;display:flex;font-family:SF Pro Text;font-style:normal;font-weight:400;font-size:17px;line-height:130%;letter-spacing:-.4px;color:#fff;white-space:pre-wrap;text-align:center;padding:0 32px}.loader-box{position:fixed;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.loader{font-size:10px;margin:50px auto;text-indent:-9999em;width:40px;height:40px;border-radius:50%;background:-moz-linear-gradient(left,#c2c2c2 10%,rgba(194,194,194,0) 42%);background:-webkit-linear-gradient(left,#c2c2c2 10%,rgba(194,194,194,0) 42%);background:-o-linear-gradient(left,#c2c2c2 10%,rgba(194,194,194,0) 42%);background:-ms-linear-gradient(left,#c2c2c2 10%,rgba(194,194,194,0) 42%);background:linear-gradient(to right,#c2c2c2 10%,#c2c2c200 42%);position:relative;-webkit-animation:load3 1.4s infinite linear;animation:load3 1.4s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.loader:before{width:50%;height:50%;background:#c2c2c2;border-radius:100% 0 0;position:absolute;top:0;left:0;content:""}.loader:after{background:#111;width:75%;height:75%;border-radius:50%;content:"";margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}@-webkit-keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}