@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--toastify-color-success: #313131;--toastify-icon-color-success: #ecc94b;--toastify-color-transparent: #ecc94b !important}*{margin:0;padding:0}.page-wrapper{background:#242424;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='50' width='50'%3E%3Cdefs%3E%3Cpattern id='doodad' width='50' height='50' viewBox='0 0 40 40' patternUnits='userSpaceOnUse' patternTransform=''%3E%3Crect width='100%25' height='100%25' fill='rgba(36, 36, 36,1)'/%3E%3Ccircle cx='40' cy='20' r='0.25' fill='rgba(26, 32, 44,1)'/%3E%3Ccircle cx='0' cy='20' r='1' fill='rgba(145, 123, 45,1)'/%3E%3Ccircle cx='40' cy='20' r='1' fill='rgba(145, 123, 45,1)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E ");height:fit-content}.project-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:90dvh;width:100%;color:#fff;font-family:Outfit,sans-serif;gap:3rem;padding-block:1rem}.title{font-size:1.6rem;font-weight:800;margin-top:1rem;font-family:"Press Start 2P",Outfit,sans-serif;color:#fff;text-shadow:3px 3px #dfbd45}.form-div{display:flex;padding-block:1rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background:#242424;min-height:500px;width:50vw;box-shadow:10px 10px #ecc94b;border:2px solid #ecc94b}.input-wrapper{width:80%;height:80px}.double-input-wrapper{width:80%;display:flex;gap:3%;align-items:center}.double-input-wrapper>.input-wrapper{width:47%}.input-loader-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:75%;padding:0;margin:0}.input-loader-wrapper input{height:54%;max-width:100%}.input-loader-wrapper svg{margin-top:.5rem;aspect-ratio:1!important;width:35px!important;min-height:25px;height:35px!important;padding-inline:.6rem}.loader{animation-name:spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}.form-input{padding-left:.5rem;margin-top:.5rem;width:95%;height:40%;background:#242424;color:#fff;border:2px solid #ecc94b;font-size:1rem;outline:none;font-family:Fira Code,sans-serif}.form-input:focus{box-shadow:4px 4px #ecc94b}.form-select{padding-inline:.5rem;margin-top:.5rem;width:97%;height:45%;background:#242424;color:#fff;border:2px solid #ecc94b;font-size:1rem;font-family:Fira Code,sans-serif}.form-select option:hover{background-color:#ecc94b;color:#fff}.form-select:focus{outline:none;box-shadow:4px 4px #ecc94b}.form-submit{height:45px;width:25%;min-width:150px;font-size:1rem;font-weight:800;font-family:"Press Start 2P",Outfit,sans-serif;background:#ecc94b;color:#242424;box-shadow:none;border:none;outline:none}.form-submit:hover{background:#242424;box-shadow:3px 3px #ecc94b;color:#ecc94b;border:2px solid #ecc94b}.form-submit:active{background:#ecc94b;box-shadow:3px 3px #ecc94b;color:#242424;border:2px solid #ecc94b;transform:scale(.98)}.response-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;width:50vw;box-shadow:10px 10px #ecc94b;border:2px solid #ecc94b;font-family:Outfit,sans-serif;background:#242424;color:#ecc94b!important}.response-wrapper .title{padding-top:2rem}.info-wrapper{flex:1;width:75%;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:left;gap:.5rem;margin-bottom:2rem;padding-block:1rem}.info-section{padding-bottom:.5rem}.info-title{font-family:Outfit,sans-serif;font-weight:700;font-size:1.2rem;margin-bottom:.5rem}.info-content{color:#000;font-weight:500;background-color:#ecc94b;width:fit-content;padding:.25rem .75rem;border-radius:1rem;font-family:Fira Code,sans-serif;display:flex;justify-content:center;align-items:center;gap:.5rem}.response-link{color:#242424}.note-wrapper{padding-top:1rem}.env-vars{width:80%;display:flex;flex-direction:column}.env-vars-wrapper{width:100%;display:flex;flex-direction:column;gap:.5rem}.env-var{display:flex;width:100%;justify-content:center;align-items:center;gap:5px}.env-var input{flex-grow:1;height:36px}.env-var button{height:40px;margin-top:.5rem;width:40px;flex-shrink:0;background:#242424;color:#fff;border:2px solid #ecc94b;font-size:1.5rem;font-weight:800;outline:none;font-family:Fira Code,sans-serif}.env-var button:disabled{color:#4e4e4e;border-color:#99822f;pointer-events:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 1100px){.form-div{margin-top:10vh;width:75vw}.title{margin-block:1rem}.form-submit{margin-top:1rem}}@media screen and (max-width: 700px){.form-div{width:90vw}.double-input-wrapper{flex-direction:column}.double-input-wrapper>.input-wrapper{width:100%}}.not-found-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:90vh;width:100%;background:#242424;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='50' width='50'%3E%3Cdefs%3E%3Cpattern id='doodad' width='50' height='50' viewBox='0 0 40 40' patternUnits='userSpaceOnUse' patternTransform=''%3E%3Crect width='100%25' height='100%25' fill='rgba(36, 36, 36,1)'/%3E%3Ccircle cx='40' cy='20' r='0.25' fill='rgba(26, 32, 44,1)'/%3E%3Ccircle cx='0' cy='20' r='1' fill='rgba(145, 123, 45,1)'/%3E%3Ccircle cx='40' cy='20' r='1' fill='rgba(145, 123, 45,1)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E ");color:#fff;font-family:Outfit,sans-serif}.not-found-footer{background:#2c2c2c;height:10vh;min-height:75px;display:flex;justify-content:space-between;align-content:center;padding-inline:2rem;flex-wrap:wrap}.not-found-footer .deployit-title{font-size:1.6rem;font-weight:800;height:fit-content;font-family:"Press Start 2P",Outfit,sans-serif;color:#fff;-webkit-text-stroke:1px #242424;text-shadow:3px 3px #ecc94b;cursor:pointer;transition:all .1s ease-in}.not-found-footer .deployit-title:hover{color:#ecc94b;text-shadow:5px 5px white}.not-found-footer .get-back{font-family:Outfit,sans-serif;text-decoration:underline;font-size:1.2rem;color:#d4b544;letter-spacing:1px;cursor:pointer;transition:all .1s ease-in}.not-found-footer .get-back:hover{font-family:Outfit,sans-serif;text-decoration:underline;font-size:1.2rem;color:#fff;letter-spacing:1px}.not-found-content{width:60vw;max-width:950px;display:flex;justify-content:center;align-items:center;gap:2rem;height:fit-content}.not-found-text{height:100%;width:100%;font-family:"Press Start 2P",Outfit,sans-serif;font-size:2rem;font-weight:800;text-align:center;justify-content:center;align-items:center;display:flex;flex-direction:column}.not-found-text div{font-family:"Press Start 2P",Outfit,sans-serif;font-size:7rem;font-weight:500;color:#ecc94b;text-shadow:5px 5px white;margin-bottom:1.5rem;width:100%;-webkit-text-stroke:4px #242424}.help-text{background-color:#242424;box-shadow:10px 10px #ecc94b;border:2px solid #ecc94b;font-size:1.3rem;font-weight:600;padding:2rem}.help-text ol{margin-top:1rem;font-weight:400;font-size:1.1rem;margin-left:2rem}.help-text li{margin-top:.5rem}.try-again-wrapper{width:60vw;max-width:950px;margin-block:2rem;background-color:#242424;box-shadow:10px 10px #ecc94b;border:2px solid #ecc94b;font-size:1.3rem;font-weight:600;padding-block:1rem;text-align:center}.not-found-wrapper a,.not-found-wrapper a:visited{color:#ecc94b;transition:color .1s ease-in}.not-found-wrapper a:hover{color:#fff}@media screen and (max-width: 1100px){.not-found-content{width:90vw;flex-direction:column}.not-found-footer{justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.help-text{width:calc(90vw - 4rem)}.try-again-wrapper{width:90vw}}@media screen and (max-width: 700px){.not-found-text{font-size:clamp(1rem,10vw,2rem)}.not-found-text div{font-size:clamp(5rem,20vw,7rem)}.try-again-wrapper{font-size:clamp(.75rem,5vw,1.3rem)}}