.input-field{color:#0f172a;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;padding:.625rem .875rem;font-size:.875rem;line-height:1.25rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.input-field:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.input-field::placeholder{color:#94a3b8}.input-field:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f8fafc}.input-field-error{border-color:#ef4444}.input-field-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}select.input-field{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}select.input-field:disabled{cursor:not-allowed}
