1.input {
2  background-color: #F4F4F4;
3  border: none;
4  border-radius: 10px;
5  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
6  color: #333;
7  font-family: "Helvetica Neue", sans-serif;
8  font-size: 16px;
9  padding: 10px;
10  width: 100%;
11  max-width: 200px;
12  height: 50px;
13  line-height: 30px;
14  outline: none;
15  -webkit-appearance: none;
16  -moz-appearance: none;
17  appearance: none;
18  transition: background-color 0.3s ease-in-out;
19}
20
21.input:focus {
22  background-color: #EAEAEA;
23}
24
25.input:disabled {
26  background-color: #DADADA;
27  color: #A3A3A3;
28}
29
30.input:read-only {
31  background-color: #F4F4F4;
32  color: #A3A3A3;
33  cursor: not-allowed;
34}