@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#5e5e5e;font-family:Roboto,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#1a1a1a;font-family:Roboto,sans-serif;text-align:center}.topRow{background-color:#1a1a1a;justify-content:space-between;padding:6px}.leftSection,.rightSection,.topRow{align-items:center;display:flex}.signInButton,.signOutButton{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Helvetica,serif;font-size:16px;font-size:15px;margin-left:10px;padding:5px 10px;transition:background-color .3s ease}.signincontainer{align-items:center;background-color:#000;display:flex;font-family:Helvetica,serif;height:100vh;justify-content:center}.userButton{margin-right:20px}.userProfile{margin-right:50px}.signInButton:hover,.signOutButton:hover{background-color:#0056b3}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fullPage{align-items:center;color:#fff;display:flex;flex-direction:row;font-family:Helvetica,serif;height:100%;justify-content:center;width:100%}.Main{background-color:#1a1a1a;flex:3 1;flex-direction:column;justify-content:start;padding:50px}.Main,.Side{align-items:center;box-sizing:border-box;display:flex;height:100vh;width:100%}.Side{background-color:#222;flex:2 1;flex-direction:column;justify-content:top;min-height:1000px;padding:20px}.head{align-items:center;border-bottom:1px solid #fff;display:flex;flex-direction:row;gap:10px;height:40px;justify-content:space-between;margin-left:20px;margin-right:20px;margin-top:25px;width:100%}.title{color:#fff;font-size:20px;font-weight:900}.body{align-items:center;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:top;margin-left:20px;margin-right:20px;margin-top:25px;width:100%}.configTitle{border-bottom:1px solid #494949;font-weight:200;line-height:1.5;text-align:left;width:100%}.configmultiTitle{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.sliderTitle{font-weight:200;line-height:1.5;text-align:center;width:100%}.submitButton{display:flex;margin-bottom:20px;margin-top:20px;width:100%}.pair{align-items:center;display:flex;flex-direction:row;justify-content:space-between;position:relative;width:160px}.results2{left:0;position:absolute}.advancedOptionsContainer{align-items:top;gap:30px}.advanced-options-tile,.advancedOptionsContainer{box-sizing:border-box;display:flex;flex-direction:row;justify-content:top;width:100%}.advanced-options-tile{align-items:left;gap:10px}.advanced-options-inputs{align-items:stretch;flex-direction:row}.advanced-options-inputs,.advanced-options-inputs label{border-radius:5px;box-sizing:border-box;display:flex;gap:5px;justify-content:top;padding:5px}.advanced-options-inputs label{align-items:left;flex-direction:column;font-weight:300}.advancedOptions{align-items:left;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;justify-content:top;margin-bottom:10px;margin-top:10px;width:70%}.advancedOptions img{height:150px}.tabs{flex-direction:row;width:100%}.tab,.tabs{align-items:center;display:flex;justify-content:center}.tab{background-color:#222;border-radius:2px;color:gray;cursor:pointer;flex:1 1;flex-direction:column;font-size:12px;font-weight:600;padding:10px 30px;text-transform:uppercase}.tab-selected{color:#2196f3}.disabled-tab{opacity:.2;pointer-events:none}.subtab-selected{color:#c14062}.uploadImage{align-items:bottom;display:flex;justify-content:left;margin-bottom:30px;width:700px}.fullscreenDiv{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10}.fullscreenDiv img{max-height:100%;max-width:100%;object-fit:contain}.form{flex-direction:column;justify-content:top;margin-bottom:10px;margin-top:10px}.form,.masks{align-items:center;display:flex}.masks{flex-direction:row;gap:5px}.HD{align-items:center;background-color:#2196f3;border-radius:10%;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:30px;justify-content:center;margin:0 10px;transition:background-color .3s ease;width:50px}.HD:hover{background-color:#1976d2}.button{align-items:center;background-color:#1b80d2;border-radius:3px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;height:35px;justify-content:center;margin:0 10px;padding:0 10px;text-transform:uppercase;transition:background-color .3s ease}.button:hover{background-color:#1976d2}.brush-button2{border-radius:0 0 0 3px;box-sizing:border-box;color:#2196f3;cursor:pointer;height:30px;justify-content:center;left:6px;position:absolute;top:0;transition:background-color .3s ease;width:30px}.brush-button2,.buttons{align-items:center;display:flex}.buttons{flex-direction:row;gap:10px;justify-content:right;margin-bottom:30px;margin-right:0;margin-top:-65px;z-index:-10}.mask-option{border:2px solid #222;cursor:pointer;height:80px;margin:0 5px}.hoverborder{border:1px solid #222;transition:border .3s ease}.hoverborder:hover{border:1px solid #2196f3}.hovercolor{color:#fff;transition:color .3s ease}.hovercolor:hover{color:#2196f3}.hovercolor2{color:#fff;transition:color .3s ease}.hovercolor2:hover{color:#c14062}@keyframes glowEffect{50%{box-shadow:0 0 5px #fff3,0 0 10px #fff3,0 0 15px #fff3,0 0 20px #fff3,0 0 25px #fff3,0 0 30px #fff3,0 0 35px #fff3}0%,to{box-shadow:0 0 2px #fff3,0 0 4px #fff3,0 0 6px #fff3,0 0 8px #fff3,0 0 10px #fff3,0 0 12px #fff3,0 0 14px #fff3}}.animate-glow{animation:glowEffect 2s ease-in-out}.mask-selected{border:2px solid #2196f3}.textures{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:left;margin-bottom:10px;margin-top:10px;width:100%}.texture-option{box-sizing:border-box;cursor:pointer;font-size:20px;height:80px;margin:2px;width:80px}.texture-selected{border:2px solid #2196f3}@keyframes tabAnimation{0%{color:#c6c6c6}to{color:#2196f3}}.loading{background-color:#3b3b3b;height:100vh;opacity:.8;overflow:hidden;position:fixed;width:100vw;z-index:10}.loading:after{animation:loadingAnimation 30s linear infinite alternate;background-image:linear-gradient(90deg,#000,#bfe9ff);content:"";display:block;height:15px;left:0;position:absolute;top:0}.resultsContainer,.resultsContainer2{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:top;margin-bottom:10px;margin-top:10px;max-height:calc(100% - 760px);overflow-x:hidden;overflow-y:visible;width:100%}.image-container{display:inline-block;position:relative}.reset{cursor:pointer;font-size:12px;font-weight:300;opacity:1}.brush-button{align-items:center;background-color:#000;border-radius:0 0 0 3px;box-sizing:border-box;color:#2196f3;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:5px;top:0;transition:background-color .3s ease;width:30px}.brush-button,.brush-button:hover{border-right:2px solid #2196f3;border-top:2px solid #2196f3}.brush-button:hover{background-color:#f0f0f0}.results,.results2{cursor:pointer;width:150px}@keyframes loadingAnimation{0%{width:0}to{width:100%}}@media screen and (max-width:800px){.App{overflow-x:hidden}.fullPage{display:flex;flex-direction:column}.tabs{gap:0}.tab{padding:10px}.Main{min-height:0}.uploadImage{align-items:bottom;margin-bottom:30px;margin-left:10px}.buttons,.uploadImage{display:flex;justify-content:center}.buttons{align-items:center;flex-direction:row;left:50%;margin-right:0;position:absolute;top:-40px;transform:translate(-50%);width:100%;z-index:10}}