body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","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}@font-face{font-family:"Josefin Sans";src:local("Josefin Sans"),url(/static/media/JosefinSans-VariableFont_wght.89302acc.ttf) format("truetype")}@font-face{font-family:"Poppins";src:local("Poppins"),url(/static/media/Poppins-Regular.8081832f.ttf) format("truetype")}@font-face{font-family:"Blinker";src:url(/static/media/Blinker-Regular.546d036c.ttf)}@font-face{font-family:"Blinker";src:url(/static/media/Blinker-Thin.6f75313b.ttf);font-weight:100}@font-face{font-family:"Blinker";src:url(/static/media/Blinker-ExtraLight.d2b5e791.ttf);font-weight:200}@font-face{font-family:"Blinker";src:url(/static/media/Blinker-Light.5fe3e334.ttf);font-weight:300}@font-face{font-family:"Blinker";src:url(/static/media/Blinker-SemiBold.8b82fab5.ttf);font-weight:600}@font-face{font-family:"Blinker";src:url(/static/media/Blinker-Bold.fb76e54b.ttf);font-weight:700}@font-face{font-family:"Blinker";src:url(/static/media/Blinker-ExtraBold.9a3ccb78.ttf);font-weight:800}@font-face{font-family:"Blinker";src:url(/static/media/Blinker-Black.8ce6e283.ttf);font-weight:900}html{min-height:min(1000px,100%);display:flex;flex-direction:column}body{background-color:#000;color:#fff;font-family:"Blinker";-webkit-user-select:none;-ms-user-select:none;user-select:none}#root,body{flex-grow:1;display:flex;flex-direction:column}#root{min-height:100%}.NewApp{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between}#footer,#logo,.photoview{width:calc(100vw - 16px)}#logo{height:auto;margin-top:min(80px,9vw)}.logo-text{margin:max(-5vw,-35px) min(30px,3vw) min(140px,14vw) auto;font-size:min(5vw,35px)}#footer{padding-bottom:4px;font-family:Blinker;font-weight:300;font-size:16px;align-self:auto;margin-top:40px;display:flex}#footer-left,#footer-right{flex:1 1;align-self:flex-end}#footer-right{text-align:right;display:flex;flex-direction:column}#signout-container{height:20px;text-align:right;padding-right:min(27px,2.7vw);padding-bottom:18px}.signout{font-size:16px;opacity:.4;font-family:Blinker;background:none;color:#fff;border:none;font-weight:300;padding:0;cursor:pointer;transition:opacity .45s ease}.signout:hover{opacity:1}.copyright,.email{opacity:.4}.copyright{cursor:auto;pointer-events:none}.email{transition:opacity .45s ease}a{text-decoration:none;color:inherit}.email:hover{opacity:1}.email:visited{color:inherit}.photoview{box-sizing:border-box;display:flex;flex-direction:column;align-self:start;position:relative}.mainphoto-container{background:#fff;border-radius:13px 0 13px 13px;padding:8px;position:relative}canvas{transition:.45s ease}.temp-photo{background:teal;border-radius:6px;height:50vh}.previews{background:#fff;border-radius:13px;padding:8px;margin-top:10px;display:flex;flex-direction:row}.preview{height:min(170px,calc(4vh + 5vw + 30px));background:rgba(0,0,0,.08);border-radius:6px;margin-right:8px;z-index:1}.preview,.uploading-loader{flex:1 1;overflow:hidden;position:relative}.uploading-loader{height:calc(4vh + 5vw + 30px);width:100%}.preview:last-child{margin-right:0}.preview svg{position:absolute;left:max(-144px,calc(50% - 7.12vw - 7.12vh - 23px));top:max(-164px,calc(50% - 7.5vw - 7.5vh - 25px));height:min(498px,calc(15vw + 15vh + 50px));width:min(473px,calc(14.25vw + 14.25vh + 47px))}.uploading-loader svg{-webkit-animation:fadein .5s;animation:fadein .5s;position:absolute;left:max(-344px,calc(50% - 28.48vw - 28.48vh - 92px));top:max(-500px,calc(50% - 30vw - 30vh - 100px));height:min(1529px,calc(60vw + 60vh + 200px));width:min(1450px,calc(57vw + 57vh + 188px))}.portrait .uploading-loader svg{left:max(-400px,calc(50% - 28.48vw - 28.48vh - 92px))}@-webkit-keyframes sunset{0%{cy:130px}25%{cy:110px}50%{cy:200px}0%{cx:121px}33%{cx:240px}67%{cx:70px}}@keyframes sunset{0%{cy:130px}25%{cy:110px}50%{cy:200px}0%{cx:121px}33%{cx:240px}67%{cx:70px}}.preview svg ellipse,.preview svg path,.uploading-loader svg ellipse,.uploading-loader svg path{fill:#dfdfdf;fill-opacity:1}.preview.loading svg ellipse,.uploading-loader svg ellipse{-webkit-animation:sunset 3s ease-in-out infinite;animation:sunset 3s ease-in-out infinite}@-webkit-keyframes tap{0%{opacity:1}20%{opacity:.7}to{opacity:1}}@keyframes tap{0%{opacity:1}20%{opacity:.7}to{opacity:1}}.preview.active{-webkit-animation:tap .2s linear;animation:tap .2s linear}.preview.active:after{position:absolute;content:"";background:red;right:8px;top:8px;width:12px;height:12px;border-radius:100px;-webkit-animation:fadein .4s ease;animation:fadein .4s ease;box-shadow:0 1px 8px rgba(0,0,0,.25)}#container{display:flex;flex-direction:column;align-items:center}@media (min-width:500px){#container{padding-top:50px}#footer,#logo,.photoview{width:min(800px,80vw);padding-left:min(27px,2.7vw)}#footer{padding-bottom:12px;margin-top:60px}#footer-right{padding-right:min(27px,2.7vw)}}@media (min-width:500px){.portrait .photoview{flex-direction:row}.portrait .mainphoto-container{flex:442 1}.portrait .previews{flex:124 1;flex-direction:column;margin-top:0;margin-left:10px}.portrait .preview{margin-right:0;margin-bottom:8px}.portrait .preview:last-child{margin-bottom:0}}@-webkit-keyframes fadein{0%{opacity:0}5%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}5%{opacity:0}to{opacity:1}}@-webkit-keyframes popin{0%{-webkit-transform:scale(0);transform:scale(0)}15%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes popin{0%{-webkit-transform:scale(0);transform:scale(0)}15%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}.App{text-align:center;display:flex;flex-direction:column;align-items:center;padding-top:20px;font-size:calc(14px + 1vmin);color:#fff}header .title{margin-bottom:.5em;font-size:calc(12px + 3vmin);font-weight:300;font-family:"SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif}header .title b{letter-spacing:-.02em;font-size:calc(16px + 4vmin);font-variation-settings:"wght" 340;font-family:"Josefin Sans"}header .description{font-family:"Poppins";font-size:calc(10px + 1.5vmin);margin-top:0;font-size:calc(8px + 1.6vmin);font-weight:300;margin-bottom:2em}.input-image-view{border:1px solid #fff;margin:10px}.input-image-view-head{width:100%;border-bottom:3px dotted hsla(0,0%,100%,.1);background-color:rgba(0,0,0,.2)}.feedback{width:300px;background-color:rgba(0,0,0,.6);padding:20px;margin-bottom:40px;margin-top:40px}.layout{display:flex;flex-direction:column;align-items:center;width:100%}.radios div{text-align:left}.inputs{display:flex;flex-direction:column}.inputs>*{margin-top:10px}.loading-modal{position:absolute;left:0;right:0;bottom:0;top:0;background-color:rgba(0,0,0,.8);cursor:wait;font-size:42px;padding-top:40%;z-index:9999}.pick-photo{padding:25px;background:rgba(0,0,0,.6);display:flex;flex-direction:column;margin-bottom:20px}.pick-photo span{margin-bottom:15px;color:#fde4e2}.input-image{max-width:150px}.canvas-container{background:#fff;height:100vw;display:flex;align-items:center;padding-bottom:calc(15px + 3vw);padding-top:calc(10px + 2vw);max-height:70vh;max-width:calc(80vh + 10vw);margin:auto;position:relative;justify-content:center}.canvas-wrapper{display:flex;flex-direction:column;align-content:stretch;align-items:center;height:100%;background:rgba(0,0,0,.08);border-radius:6px;transition:background .1s ease}.canvas-wrapper.image-not-loaded{min-height:calc(100px + 13vh + 13vw)}.canvas-wrapper canvas{width:100%;margin:auto;-webkit-animation:fadein .5s;animation:fadein .5s;border-radius:6px}.canvas-wrapper:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:6px;margin:8px;pointer-events:none;border:1px solid rgba(0,0,0,.1);box-sizing:border-box}button,input,textarea{padding:8px;font-family:inherit;font-size:calc(10px + 1vmin)}button{font-variation-settings:"wght" 600}.preview-wrapper{position:relative;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center}.preview-wrapper canvas{position:absolute;border-radius:6px;-webkit-animation:fadein .5s;animation:fadein .5s;align-self:center;transition:width .15s cubic-bezier(0,1,1,1),height .15s cubic-bezier(0,1,1,1)}.portrait .preview-wrapper canvas{height:auto!important;width:120%!important}.portrait .preview-wrapper canvas:hover{width:130%!important}.landscape .preview-wrapper canvas{width:auto!important;height:120%!important}.landscape .preview-wrapper canvas:hover{height:130%!important}.preview-wrapper:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:6px;pointer-events:none;border:1px solid rgba(0,0,0,.1);box-sizing:border-box}canvas{display:block}#firebaseui_container{margin-top:calc(13px + 1.3vmin);margin-bottom:calc(12px + 1.2vmin)}#firebaseui_container .mdl-card,.firebaseui-idp-button{box-shadow:none!important}.firebaseui-idp-button{border-radius:6px!important;border:1px solid rgba(0,0,0,.1)!important}.firebaseui-idp-google .firebaseui-idp-text-long{color:rgba(0,0,0,.8)!important}.sign-out{right:.6em;top:.5em;color:#fff;padding:2;font-family:"SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;font-weight:300;font-size:calc(10px + 1.5vmin);-webkit-animation:fadein .5s;animation:fadein .5s}.close-button,.sign-out{position:absolute;background:none;border:none;cursor:pointer}.close-button{top:calc(1vmin - 5px);right:calc(1vmin - 6px);display:flex}.close-button svg{width:calc(10px + 1vmin);height:calc(10px + 1vmin)}.login>p{padding-top:2em}.login{text-align:center;background:#fff;border-radius:12px;-webkit-animation:fadein .5s;animation:fadein .5s}.failure-message{text-align:center;-webkit-animation:fadein 1.5s;animation:fadein 1.5s}.failure-message a{font-weight:700}input[type=file]{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;box-sizing:border-box;z-index:9999}input[type=file]:focus{outline:none}.custom-file-upload{width:100%;height:100%;flex:1 1;border-radius:6px;color:#000;display:flex;padding-top:12px;position:relative;flex-direction:column;align-items:center}.custom-file-upload-content{display:flex;flex-direction:column;align-items:center;margin:auto}.custom-file-upload svg{opacity:.2;margin-right:2px}.drop-text{font-weight:600;opacity:.25;margin-top:6px}.drop-or{font-size:14px;opacity:.25;display:flex;align-items:center;margin-top:16px;margin-bottom:20px}.drop-separator{height:1px;width:22px;background:rgba(0,0,0,.5);margin-right:4px;margin-left:4px;margin-top:2px}.file-upload-button{background:#fff;padding:9px 69px;border-radius:6px;border:1px solid rgba(0,0,0,.1);margin:auto;-webkit-filter:drop-shadow(0 2px 10px rgba(0,0,0,.03));filter:drop-shadow(0 2px 10px rgba(0,0,0,.03))}.dropping{background:rgba(0,0,0,.15)}.download-button{background:#fff;position:absolute;right:0;top:-36px;height:38px;width:42px;border-radius:13px 13px 0 0;display:flex}.download-button.loaded{cursor:pointer}.download-button.downloading{cursor:unset}.download-button:before{background:#fff;width:15px;height:15px}.download-button:after,.download-button:before{position:absolute;content:"";left:-13px;top:23px}.download-button:after{background:#000;width:13px;height:13px;border-radius:0 0 13px 0}.download-button svg{margin-left:9px;margin-top:10px;transition:opacity .2s;opacity:.2}.download-button.loaded svg{opacity:1}.download-button.downloading svg{opacity:.2}.full-canvas{position:absolute;visibility:hidden;pointer-events:none;z-index:9999;width:100%;margin:auto}.reset-button{position:absolute;-webkit-animation:fadein .5s;animation:fadein .5s;z-index:1;bottom:6px;left:13px;cursor:pointer}.downloading-overlay{background:hsla(0,0%,50.2%,.75);position:absolute;height:calc(100% - 16px);width:calc(100% - 16px);border-radius:6px;opacity:0;transition:opacity .5s ease;pointer-events:none}.downloading-overlay.active{opacity:1}.downloading-overlay svg{width:60%;height:60%;top:20%;left:20%;position:absolute}.downloading-overlay path{stroke:hsla(0,0%,78.4%,.5)}@-webkit-keyframes bounce-arrow{0%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}80%{-webkit-transform:translateY(.5px);transform:translateY(.5px)}to{-webkit-transform:translateY(-2px);transform:translateY(-2px)}}@keyframes bounce-arrow{0%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}80%{-webkit-transform:translateY(.5px);transform:translateY(.5px)}to{-webkit-transform:translateY(-2px);transform:translateY(-2px)}}.downloading-overlay svg path:first-child{-webkit-animation:bounce-arrow 3s ease-out infinite;animation:bounce-arrow 3s ease-out infinite}.ext-link{display:none}@media (min-width:500px){.ext-link{display:block}}.ext-link{margin-bottom:2px;margin-left:1px;width:min(140px,14vw);transition:opacity .45s ease;opacity:.4}.ext-link:hover{opacity:1}.loaded .effectiveness-slider{display:flex}.effectiveness-slider{position:absolute;bottom:10px;right:0;left:0;display:none}.effectiveness-slider input{position:relative;width:50%;margin:auto}
/*# sourceMappingURL=main.77b475e4.chunk.css.map */