.form-steps{width:100%;margin:0 auto;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column}.availability-info{width:100%;display:flex;align-items:center;gap:10px;padding:15px 20px;margin-top:20px;box-sizing:border-box;justify-content:center;max-width:100%;margin-left:auto;margin-right:auto;white-space:normal;transform:translate(-6px)}.green-bullet{color:#2ecc71;font-size:24px;line-height:1;margin-top:-2px}.availability-text{color:#333;font-size:15px;line-height:1.4;max-width:400px}.form-steps-narrow{width:100%;display:flex;justify-content:center;align-items:center;padding:5px 0 20px}@media screen and (max-width: 1250px){.form-steps-narrow{background-image:none!important;padding:5px 15px 20px}}.form{min-width:500px;max-width:500px}.progress-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;width:500px}.step-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative}.step-container:not(:last-child):after{content:"";width:100%;height:2px;background-color:#70675c;position:absolute;top:calc(50% - 15px);left:50%}.step{width:30px;height:30px;display:flex!important;justify-content:center;align-items:center;border-radius:50%;color:#70675c;background-color:#fff;border:2px solid #70675c;z-index:1}.step.active{background-color:rgba(var(--color-button),var(--alpha-button-background));border:2px solid rgba(var(--color-button),var(--alpha-button-background));color:#fff}.form fieldset{display:none;border:none;padding:0;margin:0}.form fieldset.active{display:block;animation:fade 1s}.form fieldset h2{text-align:center;margin-bottom:20px}.question-subtitle{text-align:center;margin:5px 0}@keyframes fade{0%{opacity:0}to{opacity:1}}.form h2{margin-top:0}.form label{display:block;margin-bottom:10px}.form input{display:block;width:100%;padding:10px;margin-bottom:20px;border:none}.form button{display:inline-block;width:calc(50% - 10px)}.form button.back{margin-right:10px;background-color:#ddd;border-color:#ddd;color:#333}.form button.back:after{box-shadow:none}.form button.next,.form button.next-checkout{float:right}.form button.next-solo{width:100%}.options-container{display:flex;justify-content:center;gap:5px}.option{background-color:#fff;padding:10px 14px;box-shadow:0 2px 15px #00000026,0 1px 2px #0000001f;border-radius:4px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;cursor:pointer;border:2px solid white}@media screen and (min-width: 500px){.option{padding:20px 30px}.options-container{gap:15px}}.option.active{border:2px solid rgba(var(--color-button),var(--alpha-button-background));background-color:#442e761a}.option p{margin:0}.option-badge{color:#fff;position:absolute;bottom:20px;right:0;padding:8px;border-radius:100px;aspect-ratio:1 / 1;display:none;justify-content:center;align-items:center;font-weight:700}.option-badge.active{display:flex}.title-popup-titre,.title-popup-description{display:none}.option-mention.active,.title-popup-titre.active,.title-popup-description.active,.option-mention .option-mention-time{display:block}.option-badge svg{z-index:1;width:35px;height:35px;position:absolute;top:0;left:0}.option-badge span{z-index:2;width:35px;height:35px;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;font-size:14px;font-weight:400}.option-title{margin:0;font-weight:700;text-transform:uppercase}.option-price{font-weight:100;font-size:1.4rem;line-height:1.3}.option-price .option-price-compare{font-weight:700;font-size:1.6rem;color:#c51dd8;text-decoration:line-through}.option-mention-time{opacity:.6;line-height:1;font-weight:100;font-size:1.4rem}.option-mention{opacity:.6;line-height:1;font-weight:100;display:none;font-size:1.4rem}.option-text-container,.option-image-container{display:flex;justify-content:center;text-align:center;flex-direction:column;position:relative}.step1 .option-image-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.issue{display:none}.little-checkbox{display:none;position:absolute;right:-2px;top:-2px;min-height:50px;min-width:55px;background-color:rgba(var(--color-button),var(--alpha-button-background));color:#fff;justify-content:center;align-items:center;border-radius:0 4px 4px 0}.little-checkbox svg{width:24px}.option.active .little-checkbox{display:flex}.form-step-link{display:flex;max-width:fit-content;align-self:center;text-align:center;align-items:center;justify-content:center;gap:8px;margin:25px auto 40px;border-radius:50px;padding:6px 8px 6px 4px;box-shadow:0 0 8px #00000040;width:100%}.form-step-link img{border-radius:50px}.form-step-link a{color:rgba(var(--color-button),var(--alpha-button-background))}.form-button-nav-container{margin-top:15px}.form-step-mention{text-align:center;font-size:1.2rem}.form-image-width-text{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;font-size:1.2rem;gap:20px;margin-top:20px;line-height:1.4}#form-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:none;justify-content:center;align-items:center;z-index:4}#form-popup .popup-content{padding:30px 10px 10px;border-radius:5px;background-repeat:no-repeat;background-size:cover;color:rgba(var(--color-foreground),.75);width:440px;max-height:700px;min-height:480px;height:80vh;display:flex;flex-direction:column;justify-content:space-between;text-align:center;position:relative}.popup-close{position:absolute;top:10px;right:10px;width:20px;height:20px;cursor:pointer;color:#000}.popup-content-top,.popup-content-top .h1,.popup-content-top .h3{margin:0}.popup-content-top .h3{font-weight:400}.popup-content-top .h1{font-size:2.5rem}.popup-content-top{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%;gap:15px}.popup-badge{background-color:#ef32fb;padding:10px 15px;font-size:1.8rem;display:none}.popup-badge.active{display:block}.popup-content-bottom p{color:#70675c;background:#fff}.popup-content-bottom .button{display:block;width:100%;margin:10px 0}.popup-content-bottom p{margin:1rem 0;line-height:1.3}.popup-content-bottom a{color:#000}.popup-mention{font-size:1.3rem;display:none}.popup-mention.active{display:block}#form-popup .popup-content h2{margin-top:0}#form-popup .popup-content p{margin-bottom:0}.step1 .option-image-container img{object-fit:contain;max-height:60px}@media screen and (max-width: 400px){.step1 .option-image-container img{max-width:60px}#form-popup .popup-content{width:90%}}@media screen and (min-width: 400px){.step1 .option-image-container img{max-width:75px}}@media screen and (max-width: 750px){.form{min-width:100%;max-width:100%}.progress-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;width:100%}.option-image-container{max-width:110px;margin:auto}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-3-step-custom-form.css.map */
