.form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.form-field__label{color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4}.form-field__required{color:var(--color-semantic-error);margin-inline-start:.2rem}.form-field__control{position:relative;display:flex;align-items:center}.form-field__input{-webkit-appearance:none;appearance:none;background-color:var(--color-background);border:var(--border-width) solid var(--form-field-border);border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text);display:block;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:1.5;min-height:var(--form-field-height);padding:var(--form-field-padding-y) var(--form-field-padding-x);transition:border-color var(--duration-fast) var(--easing-default);width:100%}.form-field__input::placeholder{color:var(--color-text-secondary);opacity:1}.form-field__input:focus{border-color:var(--form-field-border-focus);outline:none}.form-field__input:focus-visible{outline:.2rem solid rgba(var(--color-brand-primary-rgb),.3);outline-offset:-.2rem}.form-field__input:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.form-field__input:user-invalid{border-color:var(--form-field-border-error)}.form-field--error .form-field__input{border-color:var(--form-field-border-error)}.form-field--disabled .form-field__input{cursor:not-allowed;opacity:var(--opacity-disabled)}.form-field__icon{align-items:center;color:var(--color-text-secondary);display:flex;flex-shrink:0;justify-content:center;pointer-events:none;position:absolute}.form-field__icon--prefix{inset-inline-start:var(--form-field-padding-x)}.form-field__icon--suffix,.form-field__icon--select-arrow{inset-inline-end:var(--form-field-padding-x)}.form-field__icon--error-indicator{color:var(--color-semantic-error)}.form-field__icon--valid{color:var(--color-semantic-success);display:none}.form-field--has-prefix .form-field__input{padding-inline-start:calc(var(--form-field-padding-x) * 2 + var(--icon-size-sm))}.form-field--has-suffix .form-field__input{padding-inline-end:calc(var(--form-field-padding-x) * 2 + var(--icon-size-sm))}.form-field__input:user-valid:not(:placeholder-shown)~.form-field__icon--valid{display:flex}.form-field__input:user-valid:not(:placeholder-shown)~.form-field__icon--suffix{display:none}.form-field--textarea .form-field__input{min-height:10rem;resize:vertical}.form-field--select .form-field__input{cursor:pointer;padding-inline-end:calc(var(--form-field-padding-x) * 2 + var(--icon-size-sm))}.form-field__helper{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin:0}.form-field__error{color:var(--color-semantic-error);font-size:var(--font-size-sm);line-height:1.4;margin:0}@media(prefers-reduced-motion:reduce){.form-field__input{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/482/assets/theme-form-field.css.map */