1.task {
2  position: relative;
3  color: #2e2e2f;
4  cursor: move;
5  background-color: #fff;
6  padding: 1rem;
7  border-radius: 8px;
8  box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;
9  margin-bottom: 1rem;
10  border: 3px dashed transparent;
11  max-width: 350px;
12}
13
14.task:hover {
15  box-shadow: rgba(99, 99, 99, 0.3) 0px 2px 8px 0px;
16  border-color: rgba(162, 179, 207, 0.2) !important;
17}
18
19.task p {
20  font-size: 15px;
21  margin: 1.2rem 0;
22}
23
24.tag {
25  border-radius: 100px;
26  padding: 4px 13px;
27  font-size: 12px;
28  color: #ffffff;
29  background-color: #1389eb;
30}
31
32.tags {
33  width: 100%;
34  display: flex;
35  align-items: center;
36  justify-content: space-between;
37}
38
39.options {
40  background: transparent;
41  border: 0;
42  color: #c4cad3;
43  font-size: 17px;
44}
45
46.options svg {
47  fill: #9fa4aa;
48  width: 20px;
49}
50
51.stats {
52  position: relative;
53  width: 100%;
54  color: #9fa4aa;
55  font-size: 12px;
56  display: flex;
57  align-items: center;
58  justify-content: space-between;
59}
60
61.stats div {
62  margin-right: 1rem;
63  height: 20px;
64  display: flex;
65  align-items: center;
66  cursor: pointer;
67}
68
69.stats svg {
70  margin-right: 5px;
71  height: 100%;
72  stroke: #9fa4aa;
73}
74
75.viewer span {
76  height: 30px;
77  width: 30px;
78  background-color: rgb(28, 117, 219);
79  margin-right: -10px;
80  border-radius: 50%;
81  border: 1px solid #fff;
82  display: grid;
83  align-items: center;
84  text-align: center;
85  font-weight: bold;
86  color: #fff;
87  padding: 2px;
88}
89
90.viewer span svg {
91  stroke: #fff;
92}
93
94
95