.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}}.contact__fields{display:block}@media screen and (min-width:750px){.contact__fields{display:block}}.contact{max-width:600px;margin:0 auto}.contact .field{position:relative}.contact .field__input,.contact .text-area{width:100%;padding:var(--space-4);min-height:52px;background-color:var(--color-white);border:1px solid var(--color-ink-10);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);transition:border-color var(--duration-fast) var(--ease-out)}.contact .text-area{min-height:160px;resize:vertical}.contact .field__input::placeholder,.contact .text-area::placeholder{color:var(--color-ink-40)}.contact .field__input:hover,.contact .text-area:hover{border-color:var(--color-ink-40)}.contact .field__input:focus,.contact .field__input:focus-visible,.contact .text-area:focus,.contact .text-area:focus-visible{outline:none;border-color:var(--color-emerald);box-shadow:0 0 0 2px var(--color-emerald-10)}.contact .field__label{position:absolute;left:0;top:0;transform:translateY(-120%);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-body-weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-60);pointer-events:none;margin:0 0 var(--space-2)}.contact__button{display:flex;justify-content:flex-start}.contact__button .button,.contact__button button[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:var(--space-3) var(--space-8);background-color:var(--color-emerald);color:var(--color-white);border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-body-weight-medium);letter-spacing:.02em;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.contact__button .button:hover,.contact__button button[type=submit]:hover,.contact__button .button:focus-visible,.contact__button button[type=submit]:focus-visible{background-color:var(--color-emerald-90);transform:translateY(-1px)}.contact__button .button:before,.contact__button .button:after{display:none}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-contact-form.css.map */
