.form-wrapper{display:flex;flex-direction:column;row-gap:1rem}.form-title{margin:0 0 2rem;text-align:center}.form-input{display:flex;flex-direction:column}.form-input input,.form-input label{padding:.25em .5em}.form-input input{border:1px solid #e1e3e6;border-radius:.5em;color:#5a6474;font-size:1em;outline:none;transition:all .3s ease}.form-input input::-webkit-inner-spin-button,.form-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-input input[type=number]{-moz-appearance:textfield}.form-input input:focus{border:1px solid #5a6474}.form-input label{color:#404d61;font-size:1rem}.form-button{border:none;border-radius:.5rem;font-size:1em;line-height:1em;padding:.5rem;transition:all .3s ease}.form-button:disabled{background-color:#eff0f6;color:#6f6c90;cursor:not-allowed}.form-button:not(:disabled){background-color:#3328b2;color:#fff;cursor:pointer}.form-button:not(:disabled):hover{background-color:#4a3aff}@font-face{font-family:Inter;src:url(/react-multistep-form/static/media/Inter-Regular.e89cb19905e7db5591b0.ttf)}.progress-bar{align-items:center;border-bottom:1px solid #d9dbe9;display:flex;gap:1em;justify-content:space-between;margin-bottom:1rem;padding:0 1em 1em}.progress-bar__step{align-items:center;background-color:#eff0f6;border-radius:50%;color:#6f6c90;display:flex;height:2rem;justify-content:center;transition:all .3s cubic-bezier(1,.1,.82,-.05);width:2rem}.progress-bar__step.active{background-color:#3328b2;color:#fff}.progress-bar__chain{align-items:center;background-color:#eff0f6;border-radius:.5em;display:flex;flex-grow:1;height:.5em}.progress-bar__chain:before{background-color:#3328b2;border-radius:.5em;content:"";height:.5em;transition:all .3s ease;width:0}.progress-bar__chain.active:before{width:100%}.multistep-form{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:hsla(0,0%,100%,.2);border:2px solid rgba(239,240,247,.5);border-radius:1rem;font-family:Arial;font-family:Inter;margin:1rem;padding:1.5rem;position:relative;width:450px}.multistep-form__button-wrapper{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.App{min-height:100vh;width:100vw}*{box-sizing:border-box;margin:0;padding:0}.App{align-items:center;background:url(/react-multistep-form/static/media/bg_pattern.cf841636886681dd6efd.svg) no-repeat 50%;background-size:contain;display:flex;justify-content:center}
/*# sourceMappingURL=main.b9697d69.css.map*/