.step-form{width:100%}.step-form__wrapper{max-width:800px;margin:0 auto}.step-form__title{margin-bottom:2rem}.step-form__description{text-align:left;color:var(--color-foreground);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.step-form__description p{margin:0 0 .5rem}.step-form__description p:last-child{margin-bottom:0}.step-form__description a{color:var(--color-button, #333);text-decoration:underline}.step-form__description a:hover{opacity:.7}.step-form__form{max-width:500px;margin:auto}.step-form__indicator{position:relative;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:3rem;padding:0 1rem;max-width:600px;margin-left:auto;margin-right:auto}.step-form__progress-track{position:absolute;top:10px;left:calc(1rem + 10px);right:calc(1rem + 10px);height:4px;background-color:#e0e0e0;border-radius:2px;z-index:0}.step-form__progress-fill{position:absolute;top:0;left:0;height:100%;background-color:#333;border-radius:2px;transition:width .4s ease;width:0%;display:block!important}.step-form__indicator[data-progress="2"] .step-form__progress-fill{width:50%}.step-form__indicator[data-progress="3"] .step-form__progress-fill{width:100%}.step-form__indicator-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;position:relative;z-index:1;flex:1}.step-form__indicator-item[data-step="1"]{align-items:flex-start}.step-form__indicator-item:last-child{align-items:flex-end}.step-form__indicator-number{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:#e0e0e0;border:none;font-size:0;color:transparent;transition:all .3s ease}.step-form__indicator-number span{display:none}.step-form__indicator-label{font-size:1.2rem;color:#999;white-space:nowrap;transition:all .3s ease;font-weight:400}.step-form__indicator-label p{margin:0}.step-form__indicator-label a{color:inherit;text-decoration:underline}.step-form__indicator-label a:hover{opacity:.7}.step-form__indicator-line{display:none}.step-form__indicator-item.active .step-form__indicator-number{background-color:#333}.step-form__indicator-item.active .step-form__indicator-label{color:var(--color-foreground, #333);font-weight:600}.step-form__indicator-item.completed .step-form__indicator-number{background-color:var(--color-button, #333)}.step-form__indicator-item.completed .step-form__indicator-number:after{content:"\30fb";font-size:4rem;color:#333;display:flex;align-items:center;justify-content:center}.step-form__indicator-item.completed .step-form__indicator-label{color:var(--color-foreground, #333)}.step-form__step{display:none}.step-form__step--active{display:block;animation:fadeIn .3s ease}.step-form__step[style*="display: block"]{display:block!important}.step-form__step[style*="display: none"]{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-form__step-title{font-size:2rem;font-weight:600;margin:auto;margin-bottom:3rem;text-align:left;max-width:500px}.step-form__step-description{text-align:center;color:var(--color-foreground);opacity:.7;margin-bottom:2rem}.step-form .form-label p{margin:0;display:inline}.step-form .form-label a{color:inherit;text-decoration:underline}.step-form .form-label a:hover{opacity:.7}.step-form__fields{gap:1.5rem;margin-bottom:2rem}.step-form__fields .form-field{margin-bottom:0}.step-form__fields .form-field--full{grid-column:1 / -1}.form-field__description{margin-top:.5rem;font-size:1.2rem;color:#666;line-height:1.5}.form-field__description p{margin:0}.form-field__description a{color:var(--color-button, #333);text-decoration:underline}.form-field__description a:hover{opacity:.7}.step-form__radio-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.form-field__other-input{margin-top:.75rem;animation:fadeIn .3s ease}.form-field__other-input input{width:100%}.step-form__file-upload{position:relative}.step-form__file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.step-form__file-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;border:2px dashed var(--color-border);cursor:pointer;transition:all .3s ease;background-color:#ededed;min-height:150px;border-radius:1rem}.step-form__file-label:hover{border-color:var(--color-button)}.step-form__file-input:focus+.step-form__file-label{border-color:var(--color-button);outline:2px solid var(--color-button);outline-offset:2px}.step-form__file-icon{color:var(--color-foreground);opacity:.5}.step-form__file-text{font-size:1.2rem;color:var(--color-foreground);opacity:.7;text-align:center}.step-form__file-previews{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.step-form__file-preview{position:relative;width:120px;height:120px}.step-form__file-preview img{width:100%;height:100%;object-fit:cover;border:1px solid var(--color-border);border-radius:.5rem}.step-form__file-preview--file{display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border:1px solid var(--color-border);border-radius:.5rem;padding:.5rem}.step-form__file-name{font-size:1rem;color:#666;word-break:break-all;text-align:center}.step-form__file-remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background-color:var(--color-foreground);color:var(--color-background);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.step-form__file-remove:hover{transform:scale(1.1)}.step-form__actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.step-form__actions--between{justify-content:space-between}.step-form__actions .btn{display:inline-flex;align-items:center;gap:.5rem;width:100%}.step-form__step--complete.step-form__step--active{text-align:center;padding:3rem 1rem}.step-form__complete-icon{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;background-color:#9ae7b7;color:#fff;margin-bottom:1.5rem;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.step-form__complete-title{font-size:2rem;margin-bottom:1rem}.step-form__complete-message{font-size:1.4rem;color:var(--color-foreground);opacity:.8;max-width:500px;margin:0 auto 2rem;line-height:1.6}.step-form__complete-message p{margin:0 0 1rem}.step-form__complete-message p:last-child{margin-bottom:0}.step-form__complete-message a{color:var(--color-button);text-decoration:underline;transition:opacity .2s ease}.step-form__complete-message a:hover{opacity:.8}.step-form__auth-wrapper{max-width:500px;margin:0 auto}.step-form__register-form{display:flex;flex-direction:column;gap:1rem}.step-form__register-form .btn{margin-top:1.6rem}.step-form__register-fields{display:flex;flex-direction:column;gap:1rem}.step-form__register-form .form-field{margin-bottom:0}.step-form__login-sub{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding-top:.4rem;border-top:1px solid var(--color-border)}.step-form__login-sub-text{margin:0;font-size:1.4rem;color:#333}.step-form__login-sub-text a{text-decoration:underline}.step-form__login-sub-text a:hover{opacity:.7}.step-form__login-main,.step-form__login-form{display:flex;flex-direction:column;gap:1rem}.step-form__login-form .btn{margin-top:1.6rem}.step-form__login-fields{display:flex;flex-direction:column;gap:1rem}.step-form__login-form .form-field{margin-bottom:0}.step-form__forgot-password{font-size:1.3rem;color:#666}.step-form__register-sub{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding-top:.4rem;border-top:1px solid var(--color-border)}.step-form__register-sub-text{margin:0;font-size:1.4rem;color:#333}.step-form__register-sub-text a{text-decoration:underline}.step-form__register-sub-text a:hover{opacity:.7}.step-form__auth-success{text-align:center;padding:2rem 1rem}.step-form__success-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background-color:#9ae7b7;color:#fff;margin-bottom:1.5rem}.step-form__success-title{font-size:1.8rem;font-weight:600;margin-bottom:1rem}.step-form__success-message{font-size:1.4rem;color:#666;line-height:1.6;margin-bottom:1rem}.step-form__success-message p{margin:0}.step-form__success-note{font-size:1.3rem;color:#888;margin-bottom:2rem}@media screen and (max-width:749px){.step-form__indicator{padding:0 .5rem;margin-bottom:2rem}.step-form__progress-track{left:calc(.5rem + 8px);right:calc(.5rem + 8px);top:8px;height:3px}.step-form__indicator-number{width:16px;height:16px}.step-form__indicator-label{font-size:1rem}.step-form__step-title{font-size:2rem}.step-form__actions{flex-direction:column}.step-form__actions--between{flex-direction:column-reverse}.step-form__actions .btn{width:100%;justify-content:center}.step-form__complete-icon{width:80px;height:80px}.step-form__complete-icon svg{width:48px;height:48px}.step-form__complete-title{font-size:1.8rem}.step-form__complete-message{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/section-step-form.css.map */