1.card {
2  --main-color: #000;
3  --bg-color: #EBD18D;
4  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
5  width: 300px;
6  padding: 25px;
7  background: var(--bg-color);
8  border-radius: 20px;
9}
10
11.card__wrapper {
12  display: flex;
13  flex-direction: row;
14  align-items: center;
15  justify-content: space-between;
16}
17
18.card___wrapper-acounts {
19  position: relative;
20  display: flex;
21  flex-direction: row;
22  align-items: center;
23  z-index: 1;
24  cursor: pointer;
25}
26
27.card___wrapper-acounts > div:nth-child(2) {
28  position: absolute;
29  left: 25px;
30  z-index: -1;
31}
32
33.card___wrapper-acounts > div:nth-child(3) {
34  position: absolute;
35  left: 50px;
36  z-index: -2;
37}
38
39.card__score {
40  display: flex;
41  justify-content: center;
42  align-items: center;
43  font-weight: 500;
44  font-size: 16px;
45  color: #fff;
46  width: 40px;
47  height: 40px;
48  border-radius: 100%;
49  background: var(--main-color);
50}
51
52.card__acounts {
53  width: 42px;
54  height: 42px;
55}
56
57.card__acounts svg {
58  width: 100%;
59  height: 100%;
60}
61
62.card__menu {
63  width: 40px;
64  height: 40px;
65  background: #F6DB96;
66  border-radius: 100%;
67  display: flex;
68  align-items: center;
69  justify-content: center;
70  cursor: pointer;
71}
72
73.card__title {
74  margin-top: 50px;
75  font-weight: 900;
76  font-size: 25px;
77  color: var(--main-color);
78}
79
80.card__subtitle {
81  margin-top: 15px;
82  font-weight: 400;
83  font-size: 15px;
84  color: var(--main-color);
85}
86
87.card__indicator {
88  margin-top: 50px;
89  font-weight: 500;
90  font-size: 14px;
91  color: var(--main-color);
92}
93
94.card__progress progress {
95  width: 100%;
96  height: 4px;
97  border-radius: 100px;
98}
99
100.card__progress progress::-webkit-progress-bar {
101  background-color: #00000030;
102  border-radius: 100px;
103}
104
105.card__progress progress::-webkit-progress-value {
106  background-color: var(--main-color);
107  border-radius: 100px;
108}
109
110