.contact__intro{margin:2rem auto 3rem;max-width:650px}.contact__description{font-size:1.125rem;line-height:1.7;color:rgba(var(--color-foreground),.75);margin:0;text-align:center}@media screen and (min-width:750px){.contact__intro{margin:2.5rem auto 4rem}.contact__description{font-size:1.25rem}}.contact__form-wrapper{background:rgb(var(--color-background));padding:2.5rem 2rem;border-radius:12px;box-shadow:0 4px 6px #00000012,0 10px 20px #0000000d;margin-top:2rem;transition:box-shadow .3s ease}.contact__form-wrapper:hover{box-shadow:0 8px 12px #0000001a,0 16px 32px #00000014}@media screen and (min-width:750px){.contact__form-wrapper{padding:3.5rem 3rem;border-radius:16px}}.contact img{max-width:100%}.contact .form__message{align-items:flex-start}.contact .icon-success{margin-top:.2rem}.contact .field{margin-bottom:1.5rem}.contact .field__input,.contact .text-area{border:none;background:rgba(var(--color-foreground),.04);border-radius:8px;padding:1rem;transition:all .3s ease;font-size:1rem}.contact .field__input:focus,.contact .text-area:focus{background:rgba(var(--color-foreground),.06);box-shadow:0 0 0 2px rgba(var(--color-button),.2);outline:none}.contact .field__label{font-weight:500;font-size:.9rem;color:rgba(var(--color-foreground),.7)}@media screen and (min-width:750px){.contact .field{margin-bottom:2rem}}.contact__button{margin-top:2rem}.contact__button .button{width:100%;padding:1.25rem 2rem;font-size:1.125rem;font-weight:600;border-radius:8px;transition:all .3s ease;border:none;outline:none;box-shadow:0 2px 4px #0000001a}.contact__button .button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.contact__button .button:focus{outline:none;box-shadow:0 2px 4px #0000001a,0 0 0 2px rgba(var(--color-button),.3)}.contact__button .button:active{transform:translateY(0)}@media screen and (min-width:750px){.contact__button{margin-top:3rem}.contact__button .button{width:auto;min-width:200px}}@media screen and (min-width:750px){.contact__fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:2rem}}.contact .text-area{min-height:150px;resize:vertical;font-family:inherit}.contact .form-status{background:rgba(var(--color-button),.1);padding:1.5rem;border-radius:8px;margin-bottom:2rem}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-contact-form.css.map */