1.password-label {
2  box-sizing: border-box;
3  display: flex;
4  align-items: center;
5  position: relative;
6}
7
8.password-label svg {
9  width: 15px;
10  height: auto;
11  color: #7c7c7c;
12}
13
14.password-label input {
15  width: 100%;
16  outline: none;
17  background: none;
18  border: 1px solid transparent;
19  color: #8b8b8b;
20  background: #3D3D3D;
21  border-radius: 12px;
22  padding: 9px 30px 9px 9px;
23  transition: .2s;
24}
25
26.password-label input:hover,
27.password-label input:focus {
28  border-color: #868686;
29}
30
31.password-label input:valid {
32  background: #344b3a;
33  border: 1px solid #00FF29;
34  color: #00FF29;
35}
36
37.password-label input:valid~.open {
38  display: none;
39}
40
41.password-label input:valid~.close {
42  display: block;
43}
44
45.password-label svg {
46  position: absolute;
47  right: 9px;
48}
49
50.close {
51  display: none;
52}