.contact img{max-width:100%}.contact .form__message{align-items:flex-start}.contact .icon-success{margin-top:.2rem}.contact .field{margin-bottom:1.5rem}@media screen and (min-width: 750px){.contact .field{margin-bottom:2rem}}.contact__button{margin-top:3rem}@media screen and (min-width: 750px){.contact__button{margin-top:4rem}}@media screen and (min-width: 750px){.contact__fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:2rem}}.section-contact-page .contact.page-width{position:relative}.section-contact-page .contact.page-width:after{content:"";position:absolute;background-image:url(/cdn/shop/files/left_pattern_background.png?v=1708683965);background-repeat:no-repeat;background-position:100% -50%;background-size:100%;width:30%;height:100%;z-index:1;bottom:0;left:-25%}.section-contact-page .contact_page--layout{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;row-gap:30px;padding:55px 0}.section-contact-page .contact-description{line-height:1.33;letter-spacing:.36px;font-size:18px}.section-contact-page #ContactForm .field:before,.section-contact-page #ContactForm .field:after,.section-contact-page #ContactForm .field__input:focus-visible{outline:none;box-shadow:none}.section-contact-page #ContactForm .field__input{border-radius:100px;min-height:initial;height:64px;background:var(--color-white)}.section-contact-page #ContactForm textarea.field__input{height:initial;border-radius:35px}.section-contact-page #ContactForm .field__label{top:30%}.section-contact-page #ContactForm .field__input:not(:placeholder-shown)~.field__label,.section-contact-page #ContactForm .field__input:focus~.field__label{top:20%}.section-contact-page #ContactForm .text-area-field .field__label{top:calc(1rem + var(--inputs-border-width))!important}.section-contact-page #ContactForm .text-area-field .field__input:focus~.field__label{top:calc(var(--inputs-border-width) + .5rem)}.section-contact-page #ContactForm .field__input::-webkit-input-placeholder,.section-contact-page #ContactForm .field__input::-ms-input-placeholder .section-contact-page #ContactForm .field__input::placeholder{color:#7f9ca3}@media screen and (max-width: 1160px) and (min-width: 749px){.section-contact-page .contact.page-width:after{background-position:100% 10%;width:55%;left:-40%}}@media screen and (max-width:749px){.section-contact-page .contact_page--layout{grid-template-columns:1fr;padding:35px 0}.section-contact-page .contact-description{line-height:1.33;letter-spacing:.36px;font-size:16px}.section-contact-page .contact.page-width:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-contact-form.css.map */
