header:before{position:absolute;top:0;left:0;width:100%;height:4px;content:"";background:linear-gradient(90deg,#ff006a,#33006a 90%)}header{display:flex;align-items:center;justify-content:center;padding:30px 20px 20px}.header__logo{margin-right:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.header__text-container{margin-top:-.5rem}.header__title{margin-bottom:8px;font-size:2rem}.header__description{color:#959595;font-size:1rem}footer{display:flex;align-items:center;justify-content:center;margin-bottom:20px;padding:20px;font-size:.8rem}.footer__project-link{padding:3px 7px;transition:background .2s;text-decoration:none;color:#fff;border-radius:20px;background-color:#161616;font-weight:500}.footer__project-link:hover{background-color:#d50058}.footer__text{margin-right:5px}.results{width:100%;max-width:500px}.results__data{margin:50px 0 80px;padding:20px 20px 27px;word-break:break-all;border:2px dashed #3d3d3d;border-radius:20px;font-size:1.3rem}.results__empty{color:#959595;font-style:italic}.results__button-container{display:flex;justify-content:center}.results__button{display:flex;align-items:center;padding:14px 16px;cursor:pointer;transition-duration:.3s;transition-property:background-color,transform;color:#fff;border:0;border-radius:8px;background-color:#ff006a;font-size:1.5rem;font-weight:500}.results__button:hover{background-color:#d50058}.results__scan-icon{width:1.5rem;margin-right:10px}.results__link,.results__link:visited{transition:color .2s;color:#7094ff}.results__link:hover,.results__link:active{color:#486cd9}:root{--border-thickness: 3px;--border-radius: 40%;--border-offset: 5%;--border-color: #cbf3f0}.scanner-border{position:absolute;width:20%;height:20%}.scanner-border--top-left{top:var(--border-offset);left:var(--border-offset);border-top:var(--border-thickness) solid var(--border-color);border-left:var(--border-thickness) solid var(--border-color);border-top-left-radius:var(--border-radius)}.scanner-border--top-right{top:var(--border-offset);right:var(--border-offset);border-top:var(--border-thickness) solid var(--border-color);border-right:var(--border-thickness) solid var(--border-color);border-top-right-radius:var(--border-radius)}.scanner-border--bottom-left{bottom:var(--border-offset);left:var(--border-offset);border-bottom:var(--border-thickness) solid var(--border-color);border-left:var(--border-thickness) solid var(--border-color);border-bottom-left-radius:var(--border-radius)}.scanner-border--bottom-right{right:var(--border-offset);bottom:var(--border-offset);border-right:var(--border-thickness) solid var(--border-color);border-bottom:var(--border-thickness) solid var(--border-color);border-bottom-right-radius:var(--border-radius)}.scanner{width:100%;max-width:500px}.scanner--hidden{display:none}.scanner__aspect-ratio-container{position:relative;overflow:hidden;padding-bottom:100%;border-radius:10%}.scanner__video{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;outline:none;-o-object-fit:cover;object-fit:cover}.scanner__button{position:absolute;top:50%;left:50%;display:flex;align-items:center;min-width:200px;padding:14px 16px;cursor:pointer;transition-duration:.3s;transition-property:background-color,transform;transform:translate(-50%,-50%);color:#fff;border:0;border-radius:100vmax;background-color:#ff006a;font-size:1rem;font-weight:500}.scanner__button:hover{background-color:#d50058}.scanner__rejected-message{position:absolute;top:50%;left:50%;width:100%;max-width:300px;transform:translate(-50%,-50%);text-align:center}.scanner__canvas{display:none}.scanner-tip{display:flex;justify-content:center;margin-top:15px;text-align:center;font-size:.8rem}html{box-sizing:border-box;height:100%;-webkit-tap-highlight-color:transparent}*,*:before,*:after{box-sizing:inherit}body{height:100%;margin:0;padding:0;color:#f1f1f1;background:#000000;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;height:100%}main{display:flex;align-items:center;flex-direction:column;flex-grow:1;padding:10px 20px}