.field{position:relative;width:100%}.field__input,.select__select,.customer__form-input{padding:1.5rem;font-size:1.6rem;width:100%;border:.1rem solid rgba(var(--color-foreground),.55);border-radius:.3rem;background-color:transparent}.field__input:focus,.select__select:focus{border-color:rgb(var(--color-foreground))}.field__label{font-size:1.6rem;top:1.5rem;left:1.5rem;position:absolute;transition:top .2s ease,font-size .2s ease;pointer-events:none;color:rgba(var(--color-foreground),.75)}.field__input:focus~.field__label,.field__input:not(:placeholder-shown)~.field__label{font-size:1rem;top:.3rem;left:1.5rem}.button{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;border:0;padding:1.5rem 3rem;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:1.5rem;line-height:1;text-decoration:none;text-transform:uppercase;border-radius:.3rem;min-width:12rem}.button:hover{background-color:rgba(var(--color-button),.8)}.text-area{min-height:100px;resize:vertical}.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}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-contact-form.css.map */
