.contact__row{display:grid;gap:1rem}.field{display:block}.field+.field,.contact__row+.field{margin-block-start:1rem}.contact__row .field+.field{margin-block-start:0}.field__label{display:block;margin-block-end:.5rem;font-weight:var(--font-weight-bold);font-size:.6875rem;text-transform:uppercase;letter-spacing:var(--label-tracking)}.field__input{width:100%;padding:.875rem 1.25rem;border:1px solid var(--color-border);border-radius:var(--style-border-radius-inputs);background-color:var(--color-background);color:inherit;font-size:.9375rem}.field__input--textarea{border-radius:var(--style-border-radius-card-sm);resize:vertical}.field__input:focus{border-color:var(--color-foreground);outline:none}.field__input[aria-invalid=true]{border-color:var(--color-error)}.contact__message{margin-block-end:1.5rem;padding:1rem 1.25rem;border-radius:var(--style-border-radius-card-sm);font-size:var(--type-label)}.contact__message--success{background-color:color-mix(in srgb,var(--color-accent) 25%,var(--color-background))}.contact__message--error{background-color:color-mix(in srgb,var(--color-error) 12%,var(--color-background));color:var(--color-error)}.contact__message ul{margin:.5rem 0 0;padding-inline-start:1.25rem}@media screen and (min-width:640px){.contact__row{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/component-field.css.map */