*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}:root{--fw-normal: 500;--fw-bold: 700;--shadow-color: 0deg 2% 46%;--shadow-elevation-low: 0px .2px .2px hsl(var(--shadow-color) / .34), 0px .3px .3px -1.2px hsl(var(--shadow-color) / .34), 0px .8px .9px -2.5px hsl(var(--shadow-color) / .34);--shadow-elevation-medium: 0px .2px .2px hsl(var(--shadow-color) / .36), 0px .7px .8px -.8px hsl(var(--shadow-color) / .36), 0px 1.7px 1.9px -1.7px hsl(var(--shadow-color) / .36), 0px 4.2px 4.7px -2.5px hsl(var(--shadow-color) / .36);--shadow-elevation-high: 0px .2px .2px hsl(var(--shadow-color) / .38), 0px 1.4px 1.6px -.4px hsl(var(--shadow-color) / .38), 0px 2.7px 3px -.8px hsl(var(--shadow-color) / .38), 0px 4.7px 5.3px -1.2px hsl(var(--shadow-color) / .38), -.1px 8px 9px -1.7px hsl(var(--shadow-color) / .38), -.1px 13.2px 14.9px -2.1px hsl(var(--shadow-color) / .38), -.2px 20.9px 23.5px -2.5px hsl(var(--shadow-color) / .38);--backdrop: linear-gradient(#c0bdbd, #fff) black}*,*:before,*:after{box-sizing:border-box}body{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:var(--fw-normal);font-style:normal;font-variation-settings:"slnt" 0;background:var(--backdrop);background-size:cover}#root{width:100dvw;height:100dvh;position:relative}.main{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.column{margin:0 auto;width:100%;max-width:480px;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;gap:16px;height:100%}.header{display:flex;flex-direction:column;align-items:center}.logo{aspect-ratio:1;margin-bottom:8px;width:48px;height:48px}.webcam{object-fit:cover;aspect-ratio:426 / 240;border-radius:8px;width:100%}.file-input label,.share{width:100%;font-size:18px;font-weight:700;border-radius:8px;padding:8px 16px;background:#087dbe;border:2px solid #055f90;box-shadow:0 2px 5px -2px #333;color:#fff;font-family:Inter,sans-serif;font-weight:800;display:block;text-align:center}.retake label{background:#e8e8e8;color:#000}.file{opacity:0;width:.1px;height:.1px;position:absolute}input:focus+label{outline:1px solid #000;outline:-webkit-focus-ring-color auto 2px}.file-display{position:relative;display:flex;justify-content:center;align-items:center}.file-display>div{border-radius:8px;overflow:hidden}.file-display img{aspect-ratio:4 / 5;object-fit:cover;border-radius:8px}.file-input-row{display:flex;justify-content:space-between}.file-input-row>*{flex:1}.file-input-row>*+*{margin-left:16px}#file-canvas{aspect-ratio:4 / 5;width:100%}.main-stage{box-shadow:var(--shadow-elevation-high)}.hidden{display:none}.controls{position:absolute;bottom:0;width:100%;padding:8px;display:flex;justify-content:space-between;z-index:100}.controls button{background:#fff;border:3px solid black;border-radius:50000px;padding:4px 8px;color:#000;font-weight:700;font-size:24px}.form-error{font-weight:700;text-align:center;color:red}.landing{margin:0 auto;width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;max-width:480px}.landing>*+*{margin-top:32px}.text{font-family:Inter,sans-serif;font-weight:800;text-align:justify}.text:first-letter{font-size:24px;line-height:16px}.web-login-page{display:flex;justify-content:center;align-items:center;padding:16px}.web-login-content .password-glitch{margin-bottom:32px}.web-login-content .glitch{height:200px}.password-page{display:grid;grid-template-rows:1fr min-content;grid-template-columns:1fr;height:100%}.password-form,.qr-form{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.simple{width:100%;max-width:340px;padding:16px;text-align:center}.password-glitch{display:flex;justify-content:center;align-items:center}.password-form>*+*{margin-top:16px}.password-input{font-size:24px;padding:8px 16px;text-transform:uppercase;background:#ffffffb3;font-weight:700;color:#000c;width:100%;border-radius:8px;border:4px solid #323232}.password-input:focus{outline:none}.xstack{display:flex;flex-direction:row;gap:16px}.ystack{display:flex;flex-direction:column;gap:16px;width:100%}.p{font-family:Inter,sans-serif;font-weight:800}.tcb-button{position:relative;font-size:18px;font-weight:700;border-radius:8px;padding:8px 16px;background:#087dbe;border:2px solid #055f90;box-shadow:0 2px 5px -2px #333;color:#fff;font-family:Inter,sans-serif;font-weight:800}.tcb-button:disabled{opacity:.4}.alt-button{background:#7d2ebe;border:2px solid #592088}.border{position:absolute;left:16px;top:16px;width:calc(100% - 32px);height:calc(100% - 32px);background:transparent;border:4px solid #323232;border-radius:30px;z-index:-1}.isolate{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;isolation:isolate}.noise{width:100%;height:100%;filter:contrast(250%) brightness(100%);background:linear-gradient(128deg,#949494,#0000),url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.overlay{background:#e8e8e8;mix-blend-mode:multiply;position:absolute;left:0;top:0;width:100%;height:100%}.vimeo{border:4px solid #323232;border-radius:15px;line-height:0;overflow:hidden;width:100%}.glitch{aspect-ratio:358 / 309.81}.missing-page{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-family:Inter,sans-serif;font-weight:700}.layout-normal{margin:0 auto;width:100%;height:100%;max-width:480px;padding:48px;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.layout-embed{margin:0 auto;width:100%;height:100%;max-width:480px;padding:2px;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.qr-video{background:#222;width:100%;height:100%;object-fit:cover;border-radius:30px;border:4px solid #222}.scan-region-highlight svg{stroke:#222!important}.help-text{text-align:center}.youre-in{position:absolute;width:calc(100vw - 32px);height:450px;left:16px;top:16px;background:#222;color:#fff;border:4px solid #222;border-radius:30px;display:flex;justify-content:center;align-items:center;font-size:36px}.qr-container{position:relative;width:300px;height:300px}.input-set{display:grid;grid-template-rows:min-conent;grid-template-columns:1fr min-content;gap:8px}.input-set .password-input{font-size:16px}.barcode-scanner{position:relative;width:calc(100vw - 32px);height:450px;border-radius:30px;overflow:hidden;border:4px solid #222}