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  height: 40px;
11  line-height: 28px;
12  padding: 0 1rem;
13  width: 100%;
14  padding-left: 2.5rem;
15  border: 2px solid transparent;
16  border-radius: 8px;
17  outline: none;
18  background-color: #D9E8D8;
19  color: #0d0c22;
20  box-shadow: 0 0 5px #C1D9BF, 0 0 0 10px #f5f5f5eb;
21  transition: .3s ease;
22}
23
24.input::placeholder {
25  color: #777;
26}
27
28.icon {
29  position: absolute;
30  left: 1rem;
31  fill: #777;
32  width: 1rem;
33  height: 1rem;
34}
35
36
37
38
39
40