@import url(https://fonts.googleapis.com/css?family=Open+Sans&display=swap);@import url(https://fonts.googleapis.com/css?family=Nunito+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Encode+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Mulish&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter&display=swap);@font-face{font-family:"MarsCentra";src:url(/static/media/MarsCentra-Bold.3ad592fb.eot);src:url(/static/media/MarsCentra-Book.afa93aaf.eot);src:url(/static/media/MarsCentra-Book.cdae4a1a.woff) format("woff"),url(/static/media/MarsCentra-Book.9f2a4cc3.svg) format("svg");font-weight:400;font-style:normal}@font-face{font-family:"MarsCentra";src:url(/static/media/MarsCentra-Bold.3ad592fb.eot);src:url(/static/media/MarsCentra-Bold.d7c03359.woff) format("woff"),url(/static/media/MarsCentra-Bold.670ec3eb.svg) format("svg");font-weight:700;font-style:normal}.App{background-size:cover}.title{font-family:"Roboto",sans-serif;font-style:normal;font-weight:400;color:#000;margin:0}.subtitle{font-family:"Roboto",sans-serif;margin-bottom:5px;margin-top:5px;text-align:center}.footer,.subtitle{color:#515455;font-size:20px;font-style:normal;font-weight:400}.footer{line-height:38px;text-align:left;margin:0 12px}.stimuli{margin:12px}.stimuli-container{width:100%}.rounded{border-radius:6px}.welcome{font-family:"Encode Sans",sans-serif}.main-button{background-color:#63878e;box-shadow:0 2px 4px rgba(0,0,0,.25)}.main-button.Mui-disabled{background-color:rgba(99,135,142,.3686274509803922)!important;box-shadow:none}.on-main-button-left{position:absolute!important;-webkit-transform:translate(-40px,20px);transform:translate(-40px,20px)}@media (max-width:599px){.on-main-button-left{-webkit-transform:translate(-40px,15px);transform:translate(-40px,15px)}}.on-main-button-right{position:absolute!important;-webkit-transform:translateY(20px);transform:translateY(20px)}@media (max-width:599px){.on-main-button-right{-webkit-transform:translateY(15px);transform:translateY(15px)}}.previous-button{color:#63878e}.progress-bar .MuiLinearProgress-bar{background-color:#63878e}.serif .welcome{font-family:"Georgia","Times New Roman"}.serif .title{font-family:"Georgia","Times New Roman"!important}.serif .subtitle{font-family:"Lato",sans-serif;color:grey}.opensans .title{font-family:"Open Sans","Times New Roman"!important}.opensans .subtitle{font-family:"Lato",sans-serif;color:grey}.mulish .welcome{font-family:"Mulish","Times New Roman"}.mulish .title{font-family:"Mulish","Times New Roman"!important}.mulish .subtitle{font-family:"Lato",sans-serif;color:grey}.tangerine.App{color:#fff;background:linear-gradient(121.94deg,#f6d365 .42%,#fda085)}.tangerine :is(.title,.theme-color){color:#f9f9f9}.tangerine .subtitle{color:#c57b57}.tangerine .main-button{color:#fda085!important;background-color:#f9f9f9!important}.tangerine .main-button.Mui-disabled{background-color:hsla(0,0%,97.6%,.3686274509803922)!important;box-shadow:none}.tangerine .previous-button{color:#c57b57!important}.tangerine .progress-bar .MuiLinearProgress-bar{background:linear-gradient(270deg,rgba(252,96,118,.5),rgba(255,154,68,.5))}.lavender.App{background:linear-gradient(121.94deg,#a18cd1 .42%,#fbc2eb)}.lavender :is(.title,.theme-color){color:#f9f9f9}.lavender .subtitle{color:#856084}.lavender .main-button{color:#a18cd1!important;background-color:#f9f9f9!important}.lavender .main-button.Mui-disabled{background-color:hsla(0,0%,97.6%,.3686274509803922)!important;box-shadow:none}.lavender .previous-button{color:#856084!important}.lavender .progress-bar .MuiLinearProgress-bar{background:linear-gradient(270deg,rgba(196,113,245,.45),rgba(250,113,205,.45))}.ocean.App{background:linear-gradient(121.94deg,#a1c4fd .42%,#c2e9fb)}.ocean :is(.title,.theme-color){color:#f9f9f9}.ocean .subtitle{color:#718abf}.ocean .main-button{color:#a1c4fd!important;background-color:#f9f9f9!important}.ocean .main-button.Mui-disabled{background-color:hsla(0,0%,97.6%,.3686274509803922)!important;box-shadow:none}.ocean .previous-button{color:#718abf!important}.ocean .progress-bar .MuiLinearProgress-bar{background:linear-gradient(270deg,rgba(111,134,214,.5),rgba(72,198,239,.5) 99.99%)}.mint.App{background:linear-gradient(121.94deg,#2ac79f .42%,#6ac2ac)}.mint :is(.title,.theme-color){color:#fff}.mint .subtitle{color:#0b8062}.mint .main-button{color:#2ac79f!important;background-color:#f9f9f9!important}.mint .main-button.Mui-disabled{background-color:hsla(0,0%,97.6%,.3686274509803922)!important;box-shadow:none}.mint .previous-button{color:#0e8365!important}.mint .progress-bar .MuiLinearProgress-bar{background:linear-gradient(270deg,rgba(7,97,74,.5),rgba(37,175,140,.5))}.turquoise.App{background:linear-gradient(121.94deg,#96deda .42%,#50c9c3)}.turquoise :is(.title,.theme-color){color:#fff}.turquoise .subtitle{color:#1f8b86}.turquoise .main-button{color:#50c9c3!important;background-color:#f9f9f9!important}.turquoise .main-button.Mui-disabled{background-color:hsla(0,0%,97.6%,.3686274509803922)!important;box-shadow:none}.turquoise .previous-button{color:#1f8b86!important}.turquoise .progress-bar .MuiLinearProgress-bar{background:linear-gradient(270deg,rgba(72,164,159,.5),rgba(75,203,197,.5))}.passionfruit.App{background:linear-gradient(121.94deg,#ff758c .42%,#ff7eb3)}.passionfruit :is(.title,.theme-color){color:#fff}.passionfruit .subtitle{color:#ca3271}.passionfruit .main-button{color:#ff758c!important;background-color:#f9f9f9!important}.passionfruit .main-button.Mui-disabled{background-color:hsla(0,0%,97.6%,.3686274509803922)!important;box-shadow:none}.passionfruit .previous-button{color:#ca3271!important}.passionfruit .progress-bar .MuiLinearProgress-bar{background:linear-gradient(270deg,rgba(200,60,117,.5),rgba(223,91,113,.5))}.midnight.App{background:linear-gradient(121.94deg,#2b5876 .42%,#4e4376)}.midnight :is(.title,.theme-color){color:#fff}.midnight .subtitle{color:#cecece}.midnight .main-button{color:#2b5876!important;background-color:#f9f9f9!important}.midnight .main-button.Mui-disabled{background-color:hsla(0,0%,97.6%,.3686274509803922)!important;box-shadow:none}.midnight .previous-button{color:#cecece!important}.midnight .progress-bar .MuiLinearProgress-bar{background:linear-gradient(270deg,rgba(42,36,62,.5),rgba(36,80,109,.5))}.coffee.App{background:linear-gradient(121.94deg,#fdfcfb .42%,#e2d1c3)}.coffee :is(.title,.theme-color){color:#232529}.coffee .subtitle{color:#878c8f}.coffee .main-button{color:#fff!important;background-color:#a57650!important}.coffee .main-button.Mui-disabled{background-color:hsla(0,0%,97.6%,.3686274509803922)!important;box-shadow:none}.coffee .previous-button{color:#a57650!important}.coffee .progress-bar .MuiLinearProgress-bar{background:linear-gradient(270deg,rgba(165,118,80,.67),#dcccbc)}.lime.App{background:linear-gradient(121.94deg,#d2f484 .42%,#96e6a1)}.lime :is(.title,.theme-color){color:#232529}.lime .subtitle{color:#515455}.lime .main-button{color:#96e6a1!important;background-color:#232529!important}.lime .main-button.Mui-disabled{background-color:hsla(0,0%,97.6%,.3686274509803922)!important;box-shadow:none}.lime .previous-button{color:#515455!important}.lime .progress-bar .MuiLinearProgress-bar{background:linear-gradient(270deg,rgba(91,196,106,.5),rgba(191,227,109,.5))}.light.App{background:linear-gradient(121.94deg,#ebedee .42%,#fdfbfb)}.light :is(.title,.theme-color){color:#232529}.light .subtitle{color:#515455}.light .main-button{color:#616569!important;background-color:#f9f9f9!important;border:1px solid #5a5a5a}.light .main-button.Mui-disabled{background-color:hsla(0,0%,97.6%,.3686274509803922)!important;box-shadow:none}.light .previous-button{color:#5e6264!important}.light .progress-bar .MuiLinearProgress-bar{background:linear-gradient(270deg,rgba(35,37,41,.8),#c4c4c4)}.dark.App{background:linear-gradient(121.94deg,rgba(0,0,0,.9) .42%,#2e2e2e)}.dark :is(.title,.theme-color){color:#f9f9f9}.dark .subtitle{color:#d1d1d1}.dark .main-button{color:#8e8e8e!important;background-color:#f9f9f9!important}.dark .main-button.Mui-disabled{background-color:hsla(0,0%,97.6%,.3686274509803922)!important;box-shadow:none}.dark .previous-button{color:#d1d1d1!important}.dark .progress-bar .MuiLinearProgress-bar{background:linear-gradient(270deg,hsla(0,0%,76.9%,.4),#232529)}.white.App{background:#fff}.white .subtitle,.white :is(.title,.theme-color){color:#000}.white .main-button{color:#fff!important;background-color:#000!important}.white .main-button.Mui-disabled{background-color:hsla(0,0%,97.6%,.3686274509803922)!important;box-shadow:none}.white .previous-button{color:#000!important}.white .progress-bar .MuiLinearProgress-bar{background:#000}.mars.App{background:#00d7b8}@media only screen and (min-width:601px){.mars.App{background-size:100% auto;background-position:50% 70%;background-repeat:no-repeat}}@media only screen and (max-width:600px){.mars.App{background-size:250% auto;background-position:55% 100%;background-repeat:no-repeat}}.mars .MuiFormLabel-root,.mars .MuiInputBase-input,.mars .MuiTypography-root{font-family:"MarsCentra"!important}.mars .MuiInputBase-root,.mars .MuiPaper-root,.mars input{border-radius:0;border:none!important;outline:0!important;box-shadow:none!important}.mars .title{font-family:"MarsCentra"!important;font-weight:700}.mars .theme-color,.mars .title{color:#040da4}.mars .footer,.mars .subtitle{color:#040da4;font-family:"MarsCentra"!important;font-weight:400}.mars .main-button{color:#040da4!important;background-color:#fff!important;transition:color .2s,background-color .2s;box-shadow:none;border-radius:0!important;font-family:"MarsCentra"!important}.mars .main-button:hover,.mars .next-button{background-color:#040da4!important;color:#fff!important}.mars .next-button{transition:color .2s,background-color .2s!important;font-family:"MarsCentra"!important}.mars .next-button:hover{background-color:#fff!important;color:#040da4!important}.mars .next-button:hover .chevron-right{-webkit-transform:translateX(5px);transform:translateX(5px)}.mars .next-button:hover .chevron-right path{fill:#040da4}.mars .next-button .chevron-right{margin:0 0 0 10px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.mars .next-button .chevron-right path{fill:#fff;transition:fill .2s}.mars .main-button.Mui-disabled{background-color:hsla(0,0%,97.6%,.3686274509803922)!important;box-shadow:none}.mars .previous-button{background-color:initial!important;border:0!important;color:#040da4!important;opacity:.5!important;transition:opacity .2s!important;font-family:"MarsCentra"!important}.mars .previous-button:hover{opacity:1!important}.mars .previous-button:hover .chevron-left{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.mars .previous-button .chevron-left{margin:0 10px 0 0!important;transition:-webkit-transform .2s!important;transition:transform .2s!important;transition:transform .2s,-webkit-transform .2s!important}.mars .previous-button .chevron-left path{fill:#040da4!important}.mars .progress-bar .MuiLinearProgress-bar{background:#fff}.mars .record-button{color:#040da4!important;background:#ff8203!important;box-shadow:none!important;border-radius:0!important;font-family:"MarsCentra"!important}.mars .record-button:hover{background:#ff9122!important;box-shadow:none;border-radius:0!important}.dark.custom .progress-bar .MuiLinearProgress-bar{background:linear-gradient(270deg,hsla(0,.5%,59%,.4),rgba(230,227,227,.4))}.light.custom .progress-bar .MuiLinearProgress-bar{background:linear-gradient(270deg,rgba(0,0,0,.4),rgba(49,49,49,.4))}.left .stimuli-container,.left .subtitle,.left .title{text-align:left}.right .stimuli-container,.right .subtitle,.right .title{text-align:right}.App.left{text-align:left}.App.right{text-align:right}.App.left .main-button,.App.right .main-button{margin-right:0}.survey-alert.left{margin-left:0}.survey-alert.right{margin-right:0}.w-full{width:100%}.flex{display:flex}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.items-center{align-items:center}.text-center{text-align:center}.ml-auto{margin-left:auto}.ml-0{margin-left:0}.mr-auto{margin-right:auto}.mr-0{margin-right:0}.mr-1{margin-right:8px}.mt-4{margin-top:32px}.mt-12{margin-top:96px}.pt-1{padding-top:8px}.visible{visibility:visible}.invisible{visibility:hidden}.position-relative{position:relative}#root,body,html{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Lato","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}h1{font-size:55px;margin-bottom:0}h2{font-size:24px;margin-bottom:5px}h2,h3{margin-top:5px}h3{font-size:18px;color:grey;margin-bottom:20px}a{color:#3579bd}.App{text-align:center;min-height:100vh}.app-header-left,.app-header-right{display:flex;margin:1.25rem}.app-header-right{justify-content:flex-end}.draft-text{color:#be3e3e;border-radius:12px;border:2px solid #be3e3e;font-weight:700;padding:.313rem;font-size:1.25rem}.preview-text{color:#3e51be;border-radius:12px;border:2px solid #3e51be;font-weight:700;padding:.25rem;font-size:1.125rem}@media (max-width:599px){.app-header-left,.app-header-right{margin:.5rem}.draft-text,.preview-text{border-radius:8px;font-size:1rem}}.logo-navbar{height:50px;max-width:100%;object-fit:contain;vertical-align:middle}.phonic-logo-navbar{width:100%;max-width:100px;vertical-align:top;opacity:.5}.logo-welcome{height:120px;max-width:100%;margin-top:20px;object-fit:contain}.logo-mic{height:120px;width:auto;margin-top:5px;margin-bottom:20px;cursor:pointer}.App-link{color:#61dafb}.Help{min-height:100vh;background-color:#f9f9f9}.Loading{background:#fafafa;height:100vh;width:100vw;justify-content:center;align-items:center}.help-img{width:100%;border:1px solid #d3d3d3;border-radius:5px;max-width:500px;display:block;margin:20px auto}.MuiStepIcon-root.MuiStepIcon-active,.MuiStepIcon-root.MuiStepIcon-completed{color:#2d4b65!important}.dark-highlight{color:#2d4b65}.sound-wave{display:None}.waveform-inner-container{float:right;width:90%;height:100%}.play-button-container{float:left;height:100%}.play-pause-span{font-size:24px}.play-button-container:hover{color:hsla(0,0%,100%,.25)!important;cursor:pointer}.audio-container{margin:20px 0}.learn-more{color:#f9f9f9}.sweet-loading{margin-bottom:-5px}.record-time-text{text-align:center;margin-top:0;margin-bottom:10px;padding:4px;width:60px;background:hsla(0,0%,100%,.4);color:#000;border-radius:5px}.selection-option-container .selection-paper{margin:5px 0;padding:0 0 0 12px;box-sizing:border-box}.selection-option-container .selection-paper,.selection-paper{width:100%;float:left;border-radius:16px;background:hsla(0,0%,100%,.7)!important;box-shadow:none!important}.selection-paper{padding:4px 4px 4px 12px;margin:5px 0 5px 15px}@media (max-width:960px){.selection-paper{margin:4px 0}}@media (max-width:599px){.selection-paper{margin:2px 0;border-radius:8px}}.selection-paper.selected{background:#fff!important;box-shadow:0 4px 4px rgba(0,0,0,.25)!important}.selection-paper .MuiFormControlLabel-root{width:100%!important;text-align:left!important}.likert-paper{overflow:auto;padding:20px 0 10px;margin:12px auto;max-height:70vh}.likert-paper table{width:100%;border-collapse:collapse;border-spacing:0;text-indent:0}.likert-paper th{min-width:75px;max-width:80px;font-weight:inherit;position:relative;text-align:center}.likert-paper thead th{position:-webkit-sticky;position:sticky;top:0;z-index:5;background-color:#fff}.likert-paper thead th:first-child{z-index:10}.likert-paper tbody th,.likert-paper thead th:first-child{position:-webkit-sticky;position:sticky;left:0;background-color:#fff}.likert-paper tbody th{z-index:5}.likert-paper tbody>tr>th:first-child{min-width:100px;margin-left:10px!important;background-color:#fff;text-align:left;vertical-align:middle}.likert-paper td,.likert-paper th{left:0!important;padding:8px}@media (max-width:960px){.likert-paper th{min-width:50px;max-width:65px}.likert-paper tbody>tr>th:first-child{min-width:80px;max-width:120px;font-size:12px}.likert-paper thead th{padding:4px 8px}.likert-paper tbody th{padding:2px 8px}.likert-paper tbody td{padding:2px}.likert-radio svg{width:16px;height:16px}}.likert-hr{height:1px;background-color:#ccc;border:none;width:100%;margin:4}.audio-toggle-mode{font-size:18px!important;margin-bottom:24px!important;background:none;border:none}.audio-toggle-mode:hover{text-decoration:underline;cursor:pointer}.consent-iframe-container{height:60vh;overflow:hidden;padding-top:56.25%;position:relative;margin:14px!important}.consent-iframe-container iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.Home{padding:16px;height:100vh;background-color:#01c08f}.Home button{background-color:#01c08f!important}.home-paper{padding:16px}.video-overlay-button{bottom:4px}.camera-on-button,.video-overlay-button{position:absolute;left:0;width:100%;text-align:center}.camera-on-button{bottom:6px}.another-video-button{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.video-helper-text{font-size:12px;text-shadow:0 5px 10px rgba(0,0,0,.5);background-color:rgba(0,0,0,.3);border-radius:6px;padding:8px}.demographics-item{padding:10px;width:180px}.files input{z-index:3;transition:outline-offset .15s ease-in-out,background-color .15s linear;min-height:200px;width:100%;margin:0 auto;font-family:Inter,sans-serif}.form-control::-webkit-file-upload-button{display:none}.form-group{position:relative}.form-group .upload-button{position:absolute;z-index:5;color:#fff;border:none;background:#3a71dc;box-shadow:0 4px 4px rgba(0,0,0,.25);height:50px;font-style:normal;font-weight:500;font-size:18px;line-height:26px;border-radius:12px;width:160px;cursor:pointer;transition:box-shadow .2s ease-in-out;text-align:center;vertical-align:middle;margin:100px auto 12px -80px}.form-group .upload-button:hover{box-shadow:none;background:#3a71dc}.file-upload-img-preview{left:12px;top:12px;position:absolute;z-index:0;max-width:min(280px,80%);max-height:200px}.chevron-right{margin-left:10px}.chevron-left{margin-right:10px}input[type=file]{color:transparent}.time-allowed,input[type=file]{display:flex;justify-content:center}.time-allowed{margin-top:12px;margin-bottom:8px;padding:.5rem 1rem;color:#323434;font-weight:700;width:8rem;align-items:center;border-radius:5px;background-color:hsla(0,0%,100%,.5);box-shadow:0 0 35px rgba(54,91,155,.1),0 0 15px rgba(0,0,0,.07)}.ripple-base{transition:background .5s}.stopped-recording{background-color:#fff!important;transition:background 0s}.stopped-recording2{color:#dc493a}.date-wrapper{padding:15px 0;display:flex;justify-content:space-evenly;align-items:baseline;width:100%}.date-wrapper>*{margin:5px;padding:15px 0}.generic-error{color:#f44336;margin:0;font-size:.75rem}.content{display:flex;flex-direction:column;min-height:90vh}.main{flex:1 1 auto;padding-left:16px;padding-right:16px;width:calc(100vw - 40px);margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;box-sizing:border-box}.bottom-spacer{padding-top:32px}.top-spacer{padding-top:45px}.video-recorder__Wrapper-sc-7k20rv-0{overflow:visible!important;border-radius:6px;background-color:hsla(0,0%,100%,.4)!important}video{border-radius:6px}.switch-camera-view__SVGWrapper-sc-13l3hbu-0{padding-left:0!important;text-align:center}.question-outer-container{width:100%;display:flex;justify-content:center;align-items:center;padding:8}.ranking-paper-container{display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;margin:8px 0;padding:6px 6px 6px 16px;position:relative;background:hsla(0,0%,98.4%,.7);box-shadow:none!important;border-radius:5px;background:hsla(0,0%,100%,.7)!important}.ranking-grab-icon{margin-right:4%;-webkit-transform:scale(1);transform:scale(1)}.ranking-dropdown{-webkit-transform:scale(.85);transform:scale(.85)}.option-text{width:80%;padding:0 6px;margin:0;text-align:left;font-size:1rem;font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:400;line-height:1.5;letter-spacing:.00938em;color:rgba(0,0,0,.87)}.not-found-container{height:100vh;width:100%;background:#fff;background:radial-gradient(circle,#fff 0,#d1d1d1 100%)}.not-found{height:100vh;display:flex;padding:0 10%;justify-content:center;flex-direction:column;align-items:flex-start;font-family:"Roboto",sans-serif}.not-found h2{color:rgba(47,46,65,.8392156862745098)}.not-found{color:hsla(0,0%,40.8%,.839)}.not-found img{width:60%}.survey-alert{width:50%;margin:12px auto}.button-bar{margin-top:20px}@media (max-width:960px){.button-bar{margin-top:0}}.screen-wrapper{max-width:600px;margin-top:8px;margin-bottom:8px;position:relative;display:flex;justify-content:center;height:100%;min-height:300px}@media (max-width:599px){.selection svg{width:18px;height:18px}}.message-wrapper{padding:0 24px;color:#333;line-height:1.8}.microphone-check-text{white-space:nowrap;position:relative;height:100%;transition:all .3s ease}.floating-cam{width:200px;height:200px;margin:30px;border-radius:100px;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}.audio-animation,.floating-cam{position:fixed;bottom:10vh;right:0;overflow:hidden}.audio-animation{width:260px;height:260px;border-radius:130px}.ux-testing{position:absolute;top:0;left:0;width:100%;isolation:isolate}.ux-iframe{height:calc(100vh - max(120px, 10vh));display:block;border:none;z-index:1}.ux-testing .frame-placeholder{box-sizing:border-box;isolation:isolate;background:#ececd5;color:#4b4646;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 50px}.ux-testing .frame-placeholder h2,.ux-testing .frame-placeholder h3{max-width:700px}.ux-testing .frame-placeholder h2{font-size:2rem;margin:1em}.ux-testing .frame-placeholder .code-border{margin-top:30px;padding:12px 20px 0;background:#dbdbc6;border-radius:10px;font-family:courier}.transparent-loader{background-color:#000;opacity:.4}.disable-interactions{pointer-events:none}.ux-bar{position:fixed;width:100%;min-height:120px;bottom:0;display:block;background-color:#141414;overflow:hidden;z-index:2;transition:border-radius 2s}.ux-bar-min{max-height:10vh;transition:max-height 2s}.ux-bar-min:hover{max-height:100vh}.ux-bar-min:hover .question-area{min-width:70vw}.ux-bar .question-area{padding:15px 30px;width:calc(100vw - max(27.5vh, 275px));display:flex;flex-direction:column;align-items:flex-start;text-align:left;box-sizing:border-box}.ux-bar .task-description{width:100%}.ux-bar .question-area p{font-size:1em}.ux-bar .question-area .input-container{width:max(500px,50vw);padding-top:30px}.ux-bar .button-container{width:max(27.5vh,275px)}.mission-progress{width:100%}.mission-progress .MuiLinearProgress-root{height:10px}.mission-progress .MuiLinearProgress-colorPrimary{background-color:#141414}.mission-progress .MuiLinearProgress-barColorPrimary{background-color:#1db354;border-radius:5px}.ux-bar .question-area .ux-text{color:#fff;width:100%;text-align:left}.ux-bar .ux-button{position:fixed;height:5vh;min-height:50px;bottom:max(2.5vh,25px);margin:0;padding:0}.ux-bar .button-container .end-mission{width:5vh;min-width:50px;right:max(20vh,200px)}.ux-bar .button-container .next-button{width:15vh;min-width:150px;right:max(2.5vh,25px);padding:0 20px}.countdown-timer{isolation:isolate;position:fixed;top:0;left:0;width:100%;text-align:center;font-size:300px;height:100vh;background:#000;opacity:.9;z-index:1}.reminder{position:fixed;box-sizing:border-box;bottom:12vh;background:#dc493a;padding:1em;border-radius:1em;color:#fff;transition:all .5s}.staged-files{margin-top:50px}.staged-files .MuiChip-root{margin:7px}.file-upload-image-preview{display:flex;justify-content:center;align-items:center;flex-direction:column}.file-upload-image-preview img{width:300px;height:200px;border:3px dashed #444}.file-upload-image-preview p{font-size:1rem;margin-top:15px}.keyboard-key{font-size:14px;display:inline-block;border:1px solid;padding:5px;border-radius:7px;margin:0 5px;min-width:15px;box-shadow:0 1px 1px rgba(43,33,33,.25)!important;text-align:center}@media (max-width:899px){.key-shortcut-info{display:none}}.key-info-tooltip{background-color:initial}.selection_container-column{padding:5px;width:100%}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;fill:none;-webkit-animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark,.checkmark__circle{stroke-width:2;stroke-miterlimit:10;stroke:green}.checkmark{border-radius:50%;box-shadow:inset 0 0 0 #7ac142;-webkit-animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.large{width:56px;height:56px;display:block;margin:10% auto}.small{width:20px;height:20px;display:inline-block;stroke-width:5}.checkmark__check{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;-webkit-animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@-webkit-keyframes stroke{to{stroke-dashoffset:0}}@keyframes stroke{to{stroke-dashoffset:0}}@-webkit-keyframes scale{0%,to{-webkit-transform:none;transform:none}50%{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}}@keyframes scale{0%,to{-webkit-transform:none;transform:none}50%{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}}@-webkit-keyframes fill{to{box-shadow:inset 0 0 0 30px #fff}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #fff}}.status-icon{height:16px}.status-icon svg{width:100px;display:block;margin:40px auto 0}.status-icon .path{stroke-dasharray:1000;stroke-dashoffset:0}.status-icon .path.circle{-webkit-animation:dash .9s ease-in-out;animation:dash .9s ease-in-out}.status-icon .path.line{stroke-dashoffset:1000;-webkit-animation:dash .9s ease-in-out .35s forwards;animation:dash .9s ease-in-out .35s forwards}.status-icon .path.check{stroke-dashoffset:-100;-webkit-animation:dash-check .9s ease-in-out .35s forwards;animation:dash-check .9s ease-in-out .35s forwards}.status-icon p{text-align:center;margin:20px 0 60px;font-size:1.25em}.status-icon .success{color:#73af55}.status-icon .error{color:#d06079}@-webkit-keyframes dash{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes dash{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@-webkit-keyframes dash-check{0%{stroke-dashoffset:-100}to{stroke-dashoffset:900}}@keyframes dash-check{0%{stroke-dashoffset:-100}to{stroke-dashoffset:900}}
/*# sourceMappingURL=main.dfa73ef7.chunk.css.map */