@import url(https://fonts.googleapis.com/css?family=IBM+Plex+Mono|Sedgwick+Ave+Display);body{background-color:#003967;overscroll-behavior-y:contain}.home-body{text-align:center}.thumbs-wrapper{display:none}.vertical-center{min-height:100%;min-height:100vh;min-width:100%;display:flex;align-items:center}.form-jumbotron{margin:0 auto}.loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999}button.responsive-width{font-size:1vw}.hook-error-message{color:red;font-size:.9vw}.focus-after-error{border:1px solid red;border-radius:.3em}.rootWindow{--font-display:"Sedgwick Ave Display";--font-sans-serif:"IBM Plex Mono";--box-shadow:0px 21px 34px 0px rgba(0,0,0,0.89);--color-bg:linear-gradient(180deg,#232526 0%,#202628);--scene-width:400px;--scene-height:90%;--delay-base:500ms;--delay-added:100ms;--acc-back:cubic-bezier(0.390,0.575,0.565,1.000);width:100vw;height:100vh;margin:0;padding:0;background:var(--color-bg);justify-content:center;color:#fff;overflow:hidden}.rootWindow,.scene{display:flex;align-items:center}.scene{position:relative;width:var(--scene-width);height:var(--scene-height);transition:transform .6s var(--acc-back)}.scene:hover{transform:scale(.98) skewY(-1deg)}.scene>*{transition:transform .6s var(--acc-back)}.text{transition:transform .6s var(--acc-back),opacity .1s ease-in;height:inherit;width:100%;height:100%;z-index:7;position:relative;pointer-events:none}.scene:hover .text{opacity:1;transform:scale(.91)}@-webkit-keyframes popInImg{0%{transform:skewY(5deg) scaleX(.89) scaleY(.89);opacity:0}to{opacity:1}}@keyframes popInImg{0%{transform:skewY(5deg) scaleX(.89) scaleY(.89);opacity:0}to{opacity:1}}.text span{display:block;font-family:var(--font-sans-serif);text-align:center;text-shadow:var(--box-shadow);-webkit-animation:popIn .6s var(--acc-back) 1 forwards;animation:popIn .6s var(--acc-back) 1 forwards;opacity:0}@-webkit-keyframes popIn{0%,13%{transform:scaleX(.89) scaleY(.75);opacity:0}to{opacity:1}}@keyframes popIn{0%,13%{transform:scaleX(.89) scaleY(.75);opacity:0}to{opacity:1}}.bg-403{font-size:440px;font-family:var(--font-display);-webkit-animation-delay:calc(var(--delay-base) + 2*var(--delay-added));animation-delay:calc(var(--delay-base) + 2*var(--delay-added));z-index:0;background:linear-gradient(0deg,rgba(32,38,40,0) 25%,#31393d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:translateX(-25%) translateZ(-100px) skewY(-3deg);position:absolute;pointer-events:none;transition:transform 1.2s var(--acc-back)}.msg{bottom:-38px;right:-21px;font-size:34px;-webkit-animation-delay:calc(var(--delay-base) + 3*var(--delay-added));animation-delay:calc(var(--delay-base) + 3*var(--delay-added));color:#8b8b8b;margin-top:144px;letter-spacing:2px}.msg span{transform:skewX(-13deg);display:inline-block;color:#fff;letter-spacing:-1px}.support{bottom:-50px;right:-21px;font-size:21px;-webkit-animation-delay:calc(var(--delay-base) + 4*var(--delay-added));animation-delay:calc(var(--delay-base) + 4*var(--delay-added));display:block;margin-top:89px;color:#686a6b}.support span{margin-bottom:5px}.support a{display:inline-block;color:#b2b3b4;text-decoration:none;pointer-events:auto}.support a:after{content:"";width:110%;margin-left:-5%;height:5px;display:block;background:#fff;opacity:.55;margin-top:13px;outline:1px solid transparent}.support a:hover:after{opacity:1}.support a:active,.support a:focus{outline:none}.overlay{display:block;position:absolute;cursor:pointer;width:50%;height:50%;z-index:1;transform:translateZ(34px)}.overlay:first-of-type{left:0;top:0}.overlay:nth-of-type(2){right:0;top:0}.overlay:nth-of-type(3){bottom:0;right:0}.overlay:nth-of-type(4){bottom:0;left:0}.overlay:first-of-type:focus~.lock,.overlay:first-of-type:hover~.lock{transform-origin:right top;transform:translateY(-3px) translateX(5px) rotateX(-13deg) rotateY(3deg) rotate(-2deg) translateZ(0) scale(.89)}.overlay:first-of-type:focus~.bg-403,.overlay:first-of-type:hover~.bg-403{transform:translateX(-27%) skewY(-3deg) rotateX(-13deg) rotateY(3deg) translateZ(-100px) scale(.89)}.overlay:nth-of-type(2):focus~.lock,.overlay:nth-of-type(2):hover~.lock{transform-origin:left top;transform:translateY(-3px) translateX(5px) rotateX(13deg) rotateY(3deg) rotate(2deg) translateZ(0) scale(1.03)}.overlay:nth-of-type(2):focus~.bg-403,.overlay:nth-of-type(2):hover~.bg-403{transform:translateX(-21%) skewY(-3deg) rotateX(13deg) rotateY(3deg) translateZ(-100px)}.overlay:nth-of-type(3):focus~.lock,.overlay:nth-of-type(3):hover~.lock{transform-origin:left bottom;transform:translateY(3px) translateX(-5px) rotateX(-13deg) rotateY(3deg) rotate(-2deg) translateZ() scale(.96)}.overlay:nth-of-type(3):focus~.bg-403,.overlay:nth-of-type(3):hover~.bg-403{transform:translateX(-23%) rotateX(-13deg) rotateY(3deg) translateZ(-100px)}.overlay:nth-of-type(4):focus~.lock,.overlay:nth-of-type(4):hover~.lock{transform-origin:right bottom;transform:translateY(3px) translateX(5px) rotateX(-13deg) rotateY(-3deg) rotate(2deg) translateZ(0) scale(.89)}.overlay:nth-of-type(4):focus~.bg-403,.overlay:nth-of-type(4):hover~.bg-403{transform:translateX(-19%) rotateX(-13deg) rotateY(-3deg) translateZ(-100px)}.lock{box-shadow:32px 8px 0 0 #e4e4e4,40px 8px 0 0 #e4e4e4,48px 8px 0 0 #e4e4e4,56px 8px 0 0 #e4e4e4,24px 16px 0 0 #cbcbcb,32px 16px 0 0 #cbcbcb,40px 16px 0 0 #909090,48px 16px 0 0 #909090,56px 16px 0 0 #cbcbcb,64px 16px 0 0 #e4e4e4,16px 24px 0 0 #cbcbcb,24px 24px 0 0 #cbcbcb,32px 24px 0 0 #909090,56px 24px 0 0 #909090,64px 24px 0 0 #cbcbcb,72px 24px 0 0 #e4e4e4,16px 32px 0 0 #cbcbcb,24px 32px 0 0 #909090,64px 32px 0 0 #909090,72px 32px 0 0 #cbcbcb,16px 40px 0 0 #cbcbcb,24px 40px 0 0 #909090,64px 40px 0 0 #909090,72px 40px 0 0 #cbcbcb,16px 48px 0 0 #909090,24px 48px 0 0 #909090,64px 48px 0 0 #909090,72px 48px 0 0 #909090,8px 56px 0 0 #fbec79,16px 56px 0 0 #fbec79,24px 56px 0 0 #fbec79,32px 56px 0 0 #fbec79,40px 56px 0 0 #fbec79,48px 56px 0 0 #fbec79,56px 56px 0 0 #fbec79,64px 56px 0 0 #fbec79,72px 56px 0 0 #fbec79,80px 56px 0 0 #fbec79,8px 64px 0 0 #ffc107,16px 64px 0 0 #ffc107,24px 64px 0 0 #ffc107,32px 64px 0 0 #ffc107,40px 64px 0 0 #ffc107,48px 64px 0 0 #ffc107,56px 64px 0 0 #ffc107,64px 64px 0 0 #ffc107,72px 64px 0 0 #ffc107,80px 64px 0 0 #ffc107,8px 72px 0 0 #ffc107,16px 72px 0 0 #ffc107,24px 72px 0 0 #ffc107,32px 72px 0 0 #ffc107,40px 72px 0 0 #ffc107,48px 72px 0 0 #ffc107,56px 72px 0 0 #ffc107,64px 72px 0 0 #ffc107,72px 72px 0 0 #ffc107,80px 72px 0 0 #ffc107,8px 80px 0 0 #ff9800,16px 80px 0 0 #ffc107,24px 80px 0 0 #ffc107,32px 80px 0 0 #ffc107,40px 80px 0 0 #ffc107,48px 80px 0 0 #ff9800,56px 80px 0 0 #ff9800,64px 80px 0 0 #ff9800,72px 80px 0 0 #ff9800,16px 88px 0 0 #ff9800,24px 88px 0 0 #ff9800,32px 88px 0 0 #ff9800,40px 88px 0 0 #ff9800,48px 88px 0 0 #ff9800,56px 88px 0 0 #ff9800,64px 88px 0 0 #ff9800,72px 88px 0 0 #ff9800,24px 96px 0 0 #ff9800,32px 96px 0 0 #ff9800,40px 96px 0 0 #ff9800,48px 96px 0 0 #ff9800,56px 96px 0 0 #ff9800,64px 96px 0 0 #ff9800;height:8px;width:8px;position:absolute;left:calc(50% - 48px);top:0;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;outline:1px solid transparent}.portrait-inner-alert{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}@media screen and (orientation:portrait){.rotate-phone-img{height:50%;width:50%;margin:0 auto}.portrait-inner-alert{width:90%;height:50%}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(-90deg)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(-90deg)}}}@media screen and (orientation:landscape){.rotate-phone-img{height:50%;width:30%;margin:0 auto}.portrait-inner-alert{width:70%;height:80%}@-webkit-keyframes spin{0%{transform:rotate(90deg)}to{transform:rotate(-90deg)}}@keyframes spin{0%{transform:rotate(90deg)}to{transform:rotate(-90deg)}}}.portrait-inner-alert-msg{color:#000;font-family:"Lucida Sans Unicode","Lucida Grande","sans-serif"}.webcam-calibration-invalid,.webcam-calibration-valid{margin:0 auto}.webcam-calibration-valid{border:5px solid green}.webcam-calibration-invalid{border:5px solid red}.facial-check-msg{margin:0 auto}.count-down-alert{background-color:#606060}.starter-inner-alert{width:70%;height:90%;position:absolute;top:0;bottom:0;left:0;right:0;background-color:#8c8c8c;margin:auto}.starter-inner-alert-msg{color:#000;font-family:"Lucida Sans Unicode","Lucida Grande","sans-serif"}.start-button{font-size:1vw;border:none}.face-check-inner-alert{width:70%;height:80%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.warning-img{height:30%;width:30%;margin:0 auto}.face-check-inner-alert-msg{margin:0 auto;color:#000;font-family:"Lucida Sans Unicode","Lucida Grande","sans-serif"}.uploading-prompt-container{display:flex;align-items:center;height:100vh;width:50vw;margin:0 auto}.uploading-prompt-jumbotron{width:50vw}.uploading-loader{width:50%;margin:0 auto}.completion-page-wrapper{background-color:#d4d9ed;margin:0 auto;padding:0;text-align:center}.cont_principal{height:100%;overflow:hidden}.cont_error,.cont_principal{position:absolute;width:100%}.cont_error{height:300px;top:50%;margin-top:-150px}.cont_error>h1{font-weight:400;font-size:150px;color:#fff;left:-100%}.cont_error>h1,.cont_error>p{font-family:"Lato",sans-serif;position:relative;transition:all .5s}.cont_error>p{font-weight:300;font-size:24px;letter-spacing:5px;color:#9294ae;left:100%;transition-delay:.5s;-webkit-transition:all .5s;-webkit-transition-delay:.5s}.blink_me{-webkit-animation:blinker 1s linear infinite;animation:blinker 1s linear infinite}@-webkit-keyframes blinker{50%{opacity:0}}@keyframes blinker{50%{opacity:0}}.cont_error>.small-prompt-text{font-family:"Lato",sans-serif;font-weight:500;font-size:18px;letter-spacing:5px;color:#000;position:relative;left:100%;transition:all .5s;transition-delay:.5s;-webkit-transition:all .5s;-webkit-transition-delay:.5s}.cont_aura_1{width:300px;height:120%;top:25px;right:-340px;background-color:#8a65df;box-shadow:0 0 60px 20px rgba(137,100,222,.5)}.cont_aura_1,.cont_aura_2{position:absolute;transition:all .5s}.cont_aura_2{width:100%;height:300px;right:-10%;bottom:-301px;background-color:#8b65e4;box-shadow:0 0 60px 10px rgba(131,95,214,.5),0 0 20px 0 rgba(0,0,0,.1);z-index:5;-webkit-transition:all .5s}.cont_error_active>.cont_error>h1,.cont_error_active>.cont_error>p{left:0}.cont_error_active>.cont_aura_2{-webkit-animation-name:animation_error_2;animation-name:animation_error_2;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;transform:rotate(-20deg)}.cont_error_active>.cont_aura_1{transform:rotate(20deg);right:-170px;-webkit-animation-name:animation_error_1;animation-name:animation_error_1;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes animation_error_1{0%{transform:rotate(20deg)}to{transform:rotate(25deg)}}@keyframes animation_error_1{0%{transform:rotate(20deg)}to{transform:rotate(25deg)}}@-webkit-keyframes animation_error_2{0%{transform:rotate(-15deg)}to{transform:rotate(-20deg)}}@keyframes animation_error_2{0%{transform:rotate(-15deg)}to{transform:rotate(-20deg)}}.main-container{position:absolute;width:100%;height:100%;overflow:hidden}.count-down,.count-down-alert,.face-check-alert,.fullscreen-alert{overflow:auto;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;border:solid #000}.count-down-alert,.face-check-alert,.fullscreen-alert{background-image:url(/images/logo.png);background-repeat:no-repeat;background-position:50%;background-size:10%;border:none}.count-down,.fullscreen-button,.start-button{margin:0 auto;font-size:1.5em!important}.video-frame{pointer-events:none;margin:0;position:absolute}.video-react-big-play-button-center{display:none!important}.info-img{height:20vh;width:20vh}.card-title{font-family:Helvetica,sans-serif}.next-button-wrapper,.vertical-center{display:flex;justify-content:center;align-items:center;width:100%}.instructing-carousel{width:50%;margin:0 auto;display:block}.instruction-video{border:10px inset #009be2}.top-of-each-other{position:absolute}.next-button-wrapper{top:90%;position:absolute}.terms-wrapper{border:1px solid #000;border-radius:2%;width:35%;height:80%;margin:auto;padding:5%;position:absolute;top:0;bottom:0;left:0;right:0;max-width:100%;max-height:100%;overflow:auto;background-color:#fff}.responsive-to-wrapper-text{font-size:1.1vw}.list-of-terms{position:relative;list-style:none;margin-left:0;padding-left:1.2em}.list-of-terms li{margin-bottom:5%}
/*# sourceMappingURL=main.bd9a0235.chunk.css.map */