.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;align-items:start}}.contact .field{position:relative;border:1px solid rgba(var(--color-fg),.1);border-radius:0;width:100%;padding:0;transition:border-color .2s ease-in-out;cursor:text}.field:hover{border-color:rgba(var(--color-fg),.2)}.field:focus-within{border-color:rgb(var(--color-fg));outline:none}.field__input{background-color:transparent;border:none;margin:0;width:100%;font-size:1rem;color:rgb(var(--color-fg));padding:2rem 1.25rem 1.25rem}.field__input:focus{outline:none}.field__input::placeholder{color:rgba(var(--color-fg),.6);opacity:1}.field__label{position:absolute;top:1.35rem;left:1.25rem;color:rgb(var(--color-fg));pointer-events:none;transition:all .2s ease-in-out}.field__input:focus+.field__label,.field__input.has-content+.field__label{top:.75rem;font-size:.75rem}.text-area{min-height:8rem;resize:vertical}.field--with-error{border-color:rgb(var(--color-error))}.contact__field-error{margin-top:.5rem;font-size:.875rem;color:rgb(var(--color-error));display:flex;align-items:center;gap:.5rem}.contact__field-error .svg-wrapper{width:1rem;height:1rem;flex-shrink:0}.contact__field-error svg{width:100%;height:100%}.form__message{margin-bottom:2rem;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem}.form__message svg{width:1.5rem;height:1.5rem;flex-shrink:0}.form__message .form-status{margin:0}.form__message[role=alert]{background-color:rgba(var(--color-error),.1);color:rgb(var(--color-error));border:1px solid rgb(var(--color-error))}.form__message[role=alert] svg{fill:rgb(var(--color-error))}.form-status-list{margin:0;padding:0;list-style:none}.form-status-list li{margin-top:1rem}.form-status-list .link{color:rgb(var(--color-error));text-decoration:underline}.form-status-list .link:hover{text-decoration:none}.field-has-error{border-color:var(--color-error)!important;box-shadow:0 0 0 1px var(--color-error)!important;margin-bottom:3rem!important}.contact__field-error{position:absolute;bottom:-2rem;left:0;color:var(--color-error)}.form-status{margin-bottom:1.5rem;padding:1rem;font-size:.9rem;font-weight:400!important;line-height:1.4;display:flex;align-items:center;gap:.75rem;background-color:rgb(var(--color-offwhite-3))}
/*# sourceMappingURL=/cdn/shop/t/263/assets/section-contact-form.css.map */