.contact .contact__fields{display:grid;gap:1rem}.contact .field{position:relative;margin-bottom:1.5rem}@media screen and (min-width: 750px){.contact .field{margin-bottom:2rem}}.contact .field__input{width:100%;padding:.75rem;font-size:1rem;border:1px solid #ccc;border-radius:8px;outline:none;transition:border-color .3s ease}.contact .field__input:focus{border-color:#0056b3}.contact .field__label{position:absolute;top:-.75rem;left:.75rem;font-size:1rem;color:#888;background-color:#fff;padding:0 .25rem;transition:all .3s ease}.contact .field__input:focus+.field__label,.contact .field__input:not(:placeholder-shown)+.field__label{top:-1.5rem;font-size:.75rem;color:#0056b3}.contact .contact__field-error{color:red;font-size:.875rem;margin-top:.5rem}.contact .contact__field-error .form__message{display:flex;align-items:center;gap:.5rem}.contact .contact__field-error .form__message svg{width:1em;height:1em;fill:red}.contact .form-status{font-size:1.25rem;margin-top:1rem;color:green}.contact .form-status-list{list-style:none;margin-top:1rem;padding:0}.contact .form-status-list .link{color:#0056b3;text-decoration:none}.contact .form-status-list .link:hover{text-decoration:underline}.contact .form-status.caption-large{font-size:1.125rem;color:red}.contact .contact__button{margin-top:3rem;text-align:center}@media screen and (min-width: 750px){.contact .contact__button{margin-top:4rem}}.contact .contact__button .button{padding:1rem 2rem;font-size:1.125rem;background-color:#0056b3;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.contact .contact__button .button:hover{background-color:#003d82}.contact .title{font-size:2rem;font-weight:700;color:#333;margin-bottom:2rem;text-align:center}@media screen and (max-width: 600px){.contact .contact__fields{grid-template-columns:1fr}.contact .contact__button{margin-top:1rem}.contact .contact__button .button{width:100%}.contact .title{font-size:1.5rem}}@media screen and (min-width: 750px){.contact .contact__fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:2rem}}.contact img{max-width:100%}.contact .form__message{align-items:flex-start}.contact .icon-success{margin-top:.2rem}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-contact-form.css.map */