.dev-contact-form{--bg: var(--color-secondary-bg, #f3fdff);--color: var(--color-black-700, #494d4a);--border: #a1a5a2;--placeholder: #c6cbc7;--field-radius: 16px;--field-pad: 24px;background-color:var(--bg);color:var(--color)}.dev-contact-form__container{display:flex;flex-direction:column;align-items:center;gap:32px;max-width:728px;width:100%;margin:0 auto;padding-left:112px;padding-right:112px}.dev-contact-form__header{display:flex;flex-direction:column;gap:12px;max-width:504px;width:100%}.dev-contact-form__form{display:flex;flex-direction:column;gap:16px;width:504px;max-width:100%}.dev-contact-form__field{display:flex;flex-direction:column;gap:8px;width:100%}.dev-contact-form__label{font-family:var(--font-body, "Inter", sans-serif);font-size:16px;font-weight:500;line-height:1;color:var(--color)}.dev-contact-form__input{width:100%;padding:var(--field-pad);background:#fff;border:1px solid var(--border);border-radius:var(--field-radius);font-family:var(--font-body, "Inter", sans-serif);font-size:16px;font-weight:400;line-height:1;color:var(--color-black-900, #050d09);outline:none;transition:all .3s ease;box-sizing:border-box;-webkit-appearance:none;appearance:none}.dev-contact-form__input::placeholder{color:var(--placeholder);opacity:1}.dev-contact-form__input:focus{border-color:var(--color-primary-700, #5bc5d7);box-shadow:0 0 0 3px #5bc5d733}.dev-contact-form__input[aria-invalid=true]{border-color:#d64545}.dev-contact-form__input--textarea{min-height:178px;resize:vertical;line-height:1.4;font-family:inherit}.dev-contact-form__submit{margin-top:8px}.dev-contact-form__error{border-radius:12px;padding:16px 20px;font-family:var(--font-body, "Inter", sans-serif);font-size:14px;line-height:1.4;background:#fff0f0;color:#8a1f1f;border:1px solid #f3b6b6}.dev-contact-form__error-heading{margin:0 0 8px;font-size:14px;font-weight:600}.dev-contact-form__error ul{margin:0;padding-left:18px}.dev-contact-form__success{display:flex;align-items:flex-start;gap:16px;width:100%;padding:24px;border-radius:var(--field-radius);background:var(--color-primary-200, #e8f7f9);border:1px solid var(--color-primary-700, #5bc5d7);color:var(--color-black-900, #050d09);font-family:var(--font-body, "Inter", sans-serif);outline:none}.dev-contact-form__success:focus-visible{box-shadow:0 0 0 3px #5bc5d759}.dev-contact-form__success-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:var(--color-primary-700, #5bc5d7);color:var(--color-black-900, #050d09)}.dev-contact-form__success-body{display:flex;flex-direction:column;gap:4px;min-width:0}.dev-contact-form__success-heading{margin:0;font-size:18px;font-weight:700;line-height:1.2;color:var(--color-black-900, #050d09)}.dev-contact-form__success-text{font-size:16px;font-weight:400;line-height:1.5;color:var(--color-black-700, #494d4a)}.dev-contact-form__success-text p{margin:0}.dev-contact-form__success-text p+p{margin-top:4px}@media(max-width:640px){.dev-contact-form__success{padding:20px;gap:12px}.dev-contact-form__success-icon{width:32px;height:32px}.dev-contact-form__success-icon svg{width:20px;height:20px}.dev-contact-form__success-heading{font-size:16px}.dev-contact-form__success-text{font-size:14px}}@media(max-width:900px){.dev-contact-form__container{padding-left:40px;padding-right:40px}}@media(max-width:640px){.dev-contact-form{--field-pad: 16px}.dev-contact-form__container{padding-left:16px;padding-right:16px}.dev-contact-form__form{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/dev-contact-form.css.map */