.form{display:flex;flex-direction:column;gap:20px}.form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.field{display:flex;flex-direction:column;gap:8px}.field__label{font-family:var(--font-ui);font-weight:500;font-size:14px;color:var(--color-text-muted)}.field__input{width:100%;height:56px;padding:0 16px;border:1px solid rgba(255,255,255,.24);border-radius:0;background:var(--color-surface);font:inherit;font-size:15px;color:var(--color-white);transition:border-color .2s ease}textarea.field__input{height:auto;min-height:180px;padding:16px;resize:vertical}.field__input::placeholder{color:#fff6}.field__input:hover{border-color:#fff6}.field__input:focus{border-color:var(--color-accent);outline:none}.field__input[aria-invalid=true]{border-color:#ff6a2f}.form__message{padding:14px 16px;border-left:4px solid currentColor;background:var(--color-surface);font-size:15px}.form__message--success{color:var(--color-accent)}.form__message--error{color:#ff6a2f}.form__message ul{margin-top:6px;padding-left:18px;list-style:disc}button.button{border:0;background:none;cursor:pointer}.form .button{align-self:flex-start}@media(max-width:749px){.form__row{grid-template-columns:minmax(0,1fr)}.form .button{align-self:stretch;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/119/assets/component-form.css.map */