.form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{font-size:.875rem;font-weight:500;color:var(--color-text)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-sm) var(--space-md);font-size:1rem;line-height:1.5;color:var(--color-text);background-color:var(--color-surface);border:var(--border-width) solid var(--color-text-subtle);border-radius:var(--radius-md);min-height:44px;transition:border-color var(--duration-fast) var(--easing-default)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);outline:2px solid var(--color-primary);outline-offset:-2px}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.form-input::placeholder{color:var(--color-text-subtle)}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238A8A8A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-sm) center;padding-right:calc(var(--space-md) + 20px)}.form-textarea{resize:vertical;min-height:120px}.form-field--error .form-input,.form-field--error .form-select,.form-field--error .form-textarea{border-color:#c0392b}.form-error{font-size:.8125rem;color:#c0392b}.form-success{font-size:.8125rem;color:#27ae60}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.5;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-form.css.map */