.form__group{margin-bottom:20px}.form__label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text);margin-bottom:8px}.form__input,.form__select{display:block;width:100%;padding:12px 0;font-size:1rem;color:var(--color-text);background-color:transparent;border:none;border-bottom:1.5px solid var(--color-border);border-radius:0;transition:border-color .3s var(--transition-smooth),box-shadow .3s var(--transition-smooth);-webkit-appearance:none;appearance:none}.form__textarea{display:block;width:100%;padding:12px 16px;font-size:1rem;color:var(--color-text);background-color:transparent;border:1px solid var(--color-border);border-radius:2px;transition:border-color .3s var(--transition-smooth),box-shadow .3s var(--transition-smooth);-webkit-appearance:none;appearance:none;min-height:140px;resize:vertical}.form__input:focus,.form__select:focus{outline:none;border-bottom-color:var(--color-secondary);box-shadow:0 2px #b8860b4d}.form__textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 2px #b8860b4d}.form__input::placeholder,.form__textarea::placeholder{color:var(--color-muted)}.form__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238C8C8C' stroke-width='1.25' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center;padding-right:24px}.form__error{color:var(--color-error);font-size:13px;margin-top:6px;border-left:3px solid var(--color-error);padding-left:12px}.form__success{color:var(--color-success);font-size:13px;margin-top:6px;border-left:3px solid var(--color-success);padding-left:12px}.form--inline{display:flex;gap:16px}.form--inline .form__input{flex:1}.form__input:focus-visible,.form__textarea:focus-visible{border-color:var(--color-secondary)}.form__label-optional{color:var(--color-muted);font-weight:400}.form__row{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media(max-width:480px){.form__row{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-form.css.map */