Input by LightAndy1

1.group {
2  display: flex;
3  line-height: 28px;
4  align-items: center;
5  position: relative;
6  max-width: 190px;
7}
8
9.input {
10  width: 100%;
11  height: 40px;
12  line-height: 28px;
13  padding: 0 1rem;
14  padding-left: 2.5rem;
15  border: 2px solid transparent;
16  border-radius: 8px;
17  outline: none;
18  background-color: #f3f3f4;
19  color: #0d0c22;
20  transition: 0.3s ease;
21}
22
23.input::placeholder {
24  color: #9e9ea7;
25}
26
27.input:focus,
28input:hover {
29  outline: none;
30  border-color: rgba(234, 226, 183, 0.4);
31  background-color: #fff;
32  box-shadow: 0 0 0 4px rgb(234 226 183 / 10%);
33}
34
35.icon {
36  position: absolute;
37  left: 1rem;
38  fill: #9e9ea7;
39  width: 1rem;
40  height: 1rem;
41}
42