.input{width:100%}.input__field{width:100%;padding:.75rem 1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#111827;transition:all .2s}.input__field:focus{outline:none;border-color:#ff4a20;box-shadow:0 0 0 2px rgba(255,74,32,.2)}.input__field:hover{border-color:#d1d5db}.input__field--error{border-color:#fca5a5}.input__field--error:focus{border-color:#ef4444;box-shadow:0 0 0 2px rgba(239,68,68,.2)}.input__field:disabled{opacity:.5;cursor:not-allowed}.input__error{margin-top:.25rem;font-size:.875rem;color:#dc2626}