.form-section{max-width:100%}.form-section__heading{margin-bottom:1rem}.form-section__subheading{margin-top:1rem;margin-bottom:3rem;text-align:center}@media screen and (min-width: 750px){.form-section__subheading{margin-top:1.5rem;margin-bottom:4rem}}.form-section__form{margin-top:2rem}.form-section__field-wrapper{display:flex;flex-direction:column;gap:0;margin-bottom:1.5rem}@media screen and (min-width: 750px){.form-section__field-wrapper{margin-bottom:2rem}}.form-section__field-wrapper>.field,.form-section__field-wrapper>.select{margin-bottom:0}.form-section__fields{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}@media screen and (min-width: 750px){.form-section__fields{grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2rem}}.form-section__fields--three-col{grid-template-columns:1fr}@media screen and (min-width: 750px){.form-section__fields--three-col{grid-template-columns:repeat(3,1fr)}}.form-section__fields .form-section__field-wrapper{margin-bottom:0}.form-section__form .form__label{display:block;margin-bottom:.8rem;font-size:1.4rem;font-weight:500;color:rgba(var(--color-foreground),.85);text-align:left;width:100%}@media screen and (min-width: 750px){.form-section__form .form__label{margin-bottom:1rem}}.form-section__form .form__label span[aria-hidden=true]{color:#cf3636;margin-left:.2rem}.form-section__fieldset{border:none;padding:0;margin:0 0 1.5rem}@media screen and (min-width: 750px){.form-section__fieldset{margin-bottom:2rem}}.form-section__legend{display:block;margin-bottom:1rem;font-size:1.6rem;font-weight:600;color:rgb(var(--color-foreground));padding:0}@media screen and (min-width: 750px){.form-section__legend{margin-bottom:1.5rem;font-size:1.8rem}}.form-section__messages{margin-bottom:2rem}.form-section__message{display:none;align-items:flex-start;padding:1.5rem;border-radius:var(--inputs-radius);margin-bottom:1.5rem}.form-section__message--success{background-color:#3ed6601a;border:.1rem solid rgba(62,214,96,.3);color:rgb(var(--color-foreground))}.form-section__message--error{background-color:#cf36361a;border:.1rem solid rgba(207,54,54,.3);color:rgb(var(--color-foreground))}.form-section__message--info{background-color:rgba(var(--color-foreground),.05);border:.1rem solid rgba(var(--color-foreground),.15);color:rgb(var(--color-foreground))}.form-section__message svg{flex-shrink:0;width:1.8rem;height:1.8rem;margin-right:1rem;margin-top:.2rem}.form-section__message--success svg{color:#3ed660}.form-section__message--error svg{color:#cf3636}.form-section__message--info svg{color:rgba(var(--color-foreground),.7)}.form-section__message-text{flex:1;font-size:1.5rem;line-height:1.6}.form-section__result{padding:1.5rem;border-radius:var(--inputs-radius);margin-top:1.5rem;font-size:1.5rem;text-align:center;font-weight:500;transition:all .3s ease}.form-section__result--pending{background-color:rgba(var(--color-foreground),.05);border:.1rem solid rgba(var(--color-foreground),.15);color:rgba(var(--color-foreground),.7)}.form-section__result--success{background-color:#3ed6601a;border:.1rem solid rgba(62,214,96,.3);color:rgb(var(--color-foreground))}.form-section__result--error{background-color:#cf36361a;border:.1rem solid rgba(207,54,54,.3);color:rgb(var(--color-foreground))}.form-section__button{margin-top:3rem;text-align:center}@media screen and (min-width: 750px){.form-section__button{margin-top:4rem}}.form-section__button .button{min-width:20rem}.form-section__form .field--with-error .field__input.has-error,.form-section__form .select.has-error .select__select{border-color:#cf363680}.form-section__form .field.has-error:after,.form-section__form .select.has-error:after{box-shadow:0 0 0 var(--inputs-border-width) #cf3636b3}.form-section__form.loading .button{opacity:.6;cursor:not-allowed;pointer-events:none}.form-section__help-text{font-size:1.3rem;line-height:1.6;color:rgba(var(--color-foreground),.7);margin-top:.5rem}.form-section__card{padding:2rem;background-color:rgba(var(--color-foreground),.03);border-radius:var(--inputs-radius);border:.1rem solid rgba(var(--color-foreground),.1);margin-bottom:2rem}@media screen and (min-width: 750px){.form-section__card{padding:2.5rem}}.form-section__card-title{font-size:1.6rem;font-weight:600;margin-bottom:1.5rem;color:rgb(var(--color-foreground))}.form-section__card-description{font-size:1.4rem;line-height:1.6;color:rgba(var(--color-foreground),.7);margin-bottom:1.5rem}.form-section__item-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.form-section__item-title{font-size:1.6rem;font-weight:600;color:rgb(var(--color-foreground));margin:0}@media screen and (min-width: 750px){.form-section__item-title{font-size:1.8rem}}.form-section__item-link{color:rgb(var(--color-link));text-decoration:none;transition:color var(--duration-short) ease}.form-section__item-link:hover{color:rgba(var(--color-link),.8);text-decoration:underline}.form-section__item-link:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem;border-radius:.2rem}.form-section__checkbox-group,.form-section__radio-group{display:flex;flex-direction:column;gap:1rem}.form-section__checkbox-label,.form-section__radio-label{display:flex;align-items:flex-start;gap:1rem;cursor:pointer;font-size:1.5rem;line-height:1.6}.form-section__checkbox-label:hover,.form-section__radio-label:hover{color:rgba(var(--color-foreground),.8)}.form-section__checkbox-input,.form-section__radio-input{flex-shrink:0;width:1.8rem;height:1.8rem;margin:.3rem 0 0;cursor:pointer;accent-color:rgb(var(--color-button))}.form-section__checkbox-input:focus-visible,.form-section__radio-input:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.8);outline-offset:.2rem;border-radius:.2rem}@media (hover: none) and (pointer: coarse){.form-section__checkbox-input,.form-section__radio-input{width:2.4rem;height:2.4rem}.form-section__checkbox-label,.form-section__radio-label{font-size:1.6rem;gap:1.2rem}.form-section__result{padding:2rem;font-size:1.6rem}}@media (prefers-contrast: high){.form-section__card,.form-section__message,.form-section__result{border-width:.2rem}}@media (prefers-reduced-motion: reduce){.form-section__result,.form-section__message{transition:none}}@media print{.form-section__button{display:none}.form-section__result{border:.1rem solid rgb(var(--color-foreground))}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/component-forms.css.map */
