.contact img{max-width:100%}.contact .form__message{align-items:flex-start}.contact .icon-success{margin-top:.2rem}.contact__container{transition:background-color .3s ease,border .3s ease}.contact__subtext{color:rgba(var(--color-foreground),.75);line-height:1.6;max-width:75rem}.contact__subtext p{margin-top:0;margin-bottom:1rem}.contact__subtext p:last-child{margin-bottom:0}.contact .field{position:relative}.contact .text-area{min-height:150px;resize:vertical}.contact .field__input:focus~.field__label,.contact .field__input:not(:placeholder-shown)~.field__label,.contact .field__input:-webkit-autofill~.field__label{transform:translateY(-.5rem) scale(.75)!important;transform-origin:left center!important}.contact .text-area:focus~.field__label,.contact .text-area:not(:placeholder-shown)~.field__label{transform:translateY(-.5rem) scale(.75)!important;transform-origin:left center!important}.contact .field__label{transition:transform .2s ease,font-size .2s ease!important}.contact .field__input:focus~.field__label,.contact .field__input:not(:placeholder-shown)~.field__label,.contact .text-area:focus~.field__label,.contact .text-area:not(:placeholder-shown)~.field__label{font-size:inherit!important;line-height:1.2!important}@media screen and (min-width:750px){.contact__fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:2rem}}.contact .contact__field-error{display:block;margin-top:.5rem;color:rgb(var(--color-error));font-size:.875rem}.contact .contact__field-error .form__message{display:flex;align-items:center;gap:.5rem}.contact .contact__field-error .svg-wrapper{flex-shrink:0;width:1.2rem;height:1.2rem}.contact .contact__field-error svg{width:100%;height:100%;fill:rgb(var(--color-error))}.contact .form-status-list{display:flex;align-items:flex-start;gap:1rem;padding:2rem;background-color:rgba(var(--color-success),.1);border-radius:.5rem;color:rgb(var(--color-success));margin:0}.contact .form-status-list svg{width:2.5rem;height:2.5rem;flex-shrink:0;fill:rgb(var(--color-success));margin-top:.2rem}.contact .form__message{font-size:1.6rem;line-height:1.5;margin:0}@media screen and (min-width:750px){.contact .form-status-list{padding:2.5rem}.contact .form__message{font-size:1.8rem}}.contact__button{margin-top:2rem}@media screen and (min-width:750px){.contact__button{margin-top:2.5rem}}.contact__button .button{min-width:150px;transition:transform .2s ease;overflow:hidden}.contact__button .button--full-width{width:100%;max-width:100%}.contact__button .button:hover{transform:translateY(-1px)}.contact__button .button:active{transform:translateY(0)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-contact-form.css.map */