.contact-form{padding:2rem 0 4rem}@media (min-width: 768px){.contact-form{padding:2.5rem 0 5rem}}.contact-form__title{font-size:2.5rem;margin-bottom:1.5rem;color:var(--color-text-primary)}@media (min-width: 768px){.contact-form__title{font-size:3rem;margin-bottom:2rem}}.contact-form__description{font-size:1.125rem;margin-bottom:2.5rem;max-width:600px}.contact-form__success{background:var(--color-success-background, #d4edda);border:1px solid var(--color-success-border, #c3e6cb);color:var(--color-success-text, #155724);padding:1.5rem;border-radius:.375rem;margin-bottom:2rem}.contact-form__success h3{margin:0 0 .5rem;font-size:1.125rem}.contact-form__success p{margin:0}.contact-form__errors{background:var(--color-error-background, #f8d7da);border:1px solid var(--color-error-border, #f5c6cb);color:var(--color-error-text, #721c24);padding:1.5rem;border-radius:.375rem;margin-bottom:2rem}.contact-form__errors h3{margin:0 0 1rem;font-size:1.125rem}.contact-form__errors ul{margin:0;padding-left:1.25rem}.contact-form__errors li{margin-bottom:.5rem}.contact-form__fields{max-width:600px}.contact-form__row{display:grid;gap:1.5rem;margin-bottom:1.5rem}@media (min-width: 768px){.contact-form__row{grid-template-columns:1fr 1fr}}.contact-form__field{margin-bottom:1.5rem}.contact-form__field label{display:block;margin-bottom:.5rem;font-weight:400;color:var(--color-text-primary)}.contact-form__field .required{color:var(--color-error, #dc3545)}.contact-form__field input,.contact-form__field textarea{width:100%;padding:.75rem;border:1px solid var(--color-border, #dee2e6);border-radius:.375rem;font-size:1rem;transition:border-color .15s ease-in-out}.contact-form__field input:focus,.contact-form__field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.25)}.contact-form__field textarea{resize:vertical;min-height:120px}.contact-form__submit{margin-top:2rem}.btn{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:400;text-align:center;text-decoration:none;border:1px solid transparent;border-radius:.375rem;cursor:pointer;transition:all .15s ease-in-out}.btn--primary{background-color:var(--color-primary);color:var(--color-primary-contrast, white);border-color:var(--color-primary)}.btn--primary:hover{background-color:var(--color-primary-hover, var(--color-primary))}.btn--primary:active{transform:none}
/*# sourceMappingURL=/cdn/shop/t/203/assets/contact-form.css.map */