body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-text:#f7f7f7;--color-text-alt:#0c0c0c;--color-text-field:#0e141f;--color-header:#ffcb36;--color-yellow:#ffcb36;--color-grey:#dfeaf1;--color-blue:#216fad;--color-blue-dark:#0e141f;--color-blue-light:#0e65a9}body{background-color:#0e141f;background-color:var(--color-blue-dark);font-size:16px}.App{display:flex;height:100vh}.container{box-sizing:border-box;margin:50px auto;max-width:100%;padding:0 10px;width:700px}h1{color:#ffcb36;color:var(--color-header);font-family:Alata,sans-serif;font-size:calc(2rem + 2vw);line-height:calc(2rem + 4vw);margin:0}h1,p{text-align:center}p{color:#f7f7f7;color:var(--color-text);font-family:Open Sans,sans-serif;font-size:calc(1rem + .5vw);margin-top:0}.form-inner-wrapper{padding:50px 15px;position:relative}.copy-feedback{position:absolute;right:17px;top:50px;transition:top .3s ease-in}.copy-feedback p{color:#0ee03c;font-family:Alata,sans-serif;font-size:calc(.8rem + .5vw);margin:0;text-align:right}.form-top-section{border-radius:5px;box-shadow:0 0 9px 3px rgba(0,0,0,.64);position:relative}.copy-wrapper{background-color:#dfeaf1;background-color:var(--color-grey);border-bottom-right-radius:5px;border-top-right-radius:5px;bottom:0;box-sizing:border-box;cursor:pointer;display:flex;padding:18px;position:absolute;right:0;top:0;width:80px}.copy-wrapper img{width:100%}.form-top-section input[type=text]{background-color:#dfeaf1;background-color:var(--color-grey);border:none;border-radius:5px;box-sizing:border-box;color:#0e141f;color:var(--color-text-field);font-family:Alata,sans-serif;font-size:calc(1.5rem + 1vw);letter-spacing:-2px;outline:none;padding:30px 80px 30px 45px;width:100%}.form-footer-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));margin:55px 0}.form-footer-section div:first-child{margin:auto 0;position:relative}.form-footer-section .length-display{background:#ffcb36;background:var(--color-yellow);border-radius:50%;box-sizing:border-box;color:#0e141f;color:var(--color-blue-dark);font-family:Alata,sans-serif;font-size:1rem;font-weight:700;height:40px;padding:9px 0;position:absolute;right:34px;text-align:center;top:33px;width:40px}.form-footer-column{display:grid;grid-template-columns:repeat(auto-fit,minmax(162px,1fr))}.form-footer-main-column label{color:#f7f7f7;color:var(--color-text);display:block;font-family:Alata,sans-serif;font-size:1.2rem}.form-footer-main-column input[type=range]{-webkit-appearance:none;border-radius:10px;margin:18px 0;width:80%}.form-footer-main-column input[type=range]:focus{outline:none}.form-footer-main-column input[type=range]::-webkit-slider-runnable-track{animate:.2s;background:#ffcb36;background:var(--color-yellow);border:6px solid #ffcb36;border:6px solid var(--color-yellow);border-radius:10px;cursor:pointer;height:17.3333px;width:100%}.form-footer-main-column input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#0e141f;background:var(--color-blue-dark);border:3px solid #ffcb36;border:3px solid var(--color-yellow);border-radius:50%;cursor:pointer;height:40px;margin-top:-17px;width:40px}.form-footer-main-column input[type=range]:focus::-webkit-slider-runnable-track{background:#ffcb36;background:var(--color-yellow)}.form-footer-main-column input[type=range]::-moz-range-track{animate:.2s;background:#ffcb36;background:var(--color-yellow);border:6px solid #ffcb36;border:6px solid var(--color-yellow);border-radius:10px;cursor:pointer;height:8.4px;width:100%}.form-footer-main-column input[type=range]::-moz-range-thumb{background:#0e141f;background:var(--color-blue-dark);border:3px solid #ffcb36;border:3px solid var(--color-yellow);border-radius:50%;cursor:pointer;height:36px;margin-top:-14px;width:36px}.form-footer-main-column input[type=range]::-ms-track{animate:.2s;background:#ffcb36;background:var(--color-yellow);color:transparent;cursor:pointer;height:8.4px;width:100%}.form-footer-main-column input[type=range]::-ms-fill-lower{background:#ffcb36;background:var(--color-yellow)}.form-footer-main-column input[type=range]::-ms-fill-upper{background:#ffcb36;background:var(--color-yellow);border:.2px solid #010101}.form-footer-main-column input[type=range]::-ms-thumb{background:#0e141f;background:var(--color-blue-dark);border:3px solid #ffcb36;border:3px solid var(--color-yellow);border-radius:50%;cursor:pointer;height:36px;margin-top:-14px;width:36px}.form-footer-main-column input[type=range]:focus::-ms-fill-lower,.form-footer-main-column input[type=range]:focus::-ms-fill-upper{background:#ffcb36;background:var(--color-yellow)}input[type=range i]{background:#ffcb36;background:var(--color-yellow)}.form-footer-column label{cursor:pointer;margin:10px 0;position:relative}.form-footer-column label input[type=checkbox]{opacity:0}.form-footer-column label span{padding-left:30px}.form-footer-column label .check{display:block;padding:0;position:relative}.form-footer-column label:before{background:#0e141f;border:2px solid #ffcb36;border:2px solid var(--color-yellow);border-radius:5px;content:"";display:block;height:25px;position:absolute;width:25px;z-index:-1}.form-footer-column label.selected:before{background:#ffcb36;background:var(--color-yellow)}.form-footer-column label .check:before{height:5px;left:8px;top:-12px;-webkit-transform:rotate(-46deg);transform:rotate(-46deg)}.form-footer-column label .check:after,.form-footer-column label .check:before{background:#0e141f;background:var(--color-blue-dark);content:"";opacity:0;position:absolute;width:4px}.form-footer-column label .check:after{height:15px;left:15px;top:-18px;-webkit-transform:rotate(54deg);transform:rotate(54deg)}.form-footer-column label.selected .check:after,.form-footer-column label.selected .check:before{opacity:1}.form-button{text-align:center}.form-button input[type=submit]{-webkit-appearance:none;border:none;border-radius:30px;cursor:pointer;font-family:Alata,sans-serif;font-size:calc(1rem + .5vw);outline:none;padding:10px 35px}.form-button input[type=submit]:hover{background-color:#ffcb36;background-color:var(--color-yellow);color:#0e141f;color:var(--color-blue-dark)}.form-button input[type=submit]:active{margin-top:1px}.error-wrapper{background:#f19292;border:1px solid #b35555;border-radius:5px;display:none;margin-top:5px;padding:5px 0}.error-wrapper p{color:#3e0505;font-family:Alata,sans-serif;font-size:calc(.6rem + .5vw);margin:0}@media only screen and (max-width:700px){.form-footer-section{display:block}.form-footer-column,.form-footer-main-column{width:100%}.form-footer-section .form-footer-main-column:first-child{margin:0 0 35px}.form-footer-main-column input[type=range]{width:95%}.form-footer-section .length-display{right:0}}
/*# sourceMappingURL=main.a269fc6d.css.map*/