1.container input {
2  position: absolute;
3  opacity: 0;
4  cursor: pointer;
5  height: 0;
6  width: 0;
7}
8
9.container {
10  display: block;
11  position: relative;
12  cursor: pointer;
13  font-size: 20px;
14  user-select: none;
15}
16
17.checkmark {
18  position: relative;
19  top: 0;
20  left: 0;
21  height: 1.3em;
22  width: 1.3em;
23  background-color: #ffffff00;
24  border-radius: 5px;
25  border: #fff 1px solid;
26  transition: all 0.2s;
27}
28
29.checkmark2 {
30  position: relative;
31  top: 0.12em;
32  left: 0.12em;
33  height: 1.0em;
34  width: 1.0em;
35  background-color: #ffffff00;
36  border-radius: 111px;
37  border: #fff 1px solid;
38  transition: all 0.2s;
39}
40
41.container input:checked ~ .checkmark {
42  background-color: #4346ff;
43  border: #4346ff 1px solid
44}
45
46
47