This repository has no description
1canvas {
2 border-radius: 12px;
3 background-color: var(--navbar-bg) !important;
4 border: 5px solid var(--card-border);
5 max-width: 100%;
6 max-height: 100%;
7 user-select: none;
8 }
9
10 :root {
11 --circle-fill: #004f84e6;
12 --circle-stroke: #3498db;
13 --circle-linewidth: 6;
14 }
15
16 .loading-text {
17 font-size: 1em;
18 margin-top: 0px;
19 margin-bottom: 0px;
20 color: #004f84e6;
21 opacity: 1;
22 transition: opacity 0.5s ease-in-out;
23 position: relative;
24 }
25
26 .dark-mode .loading-text {
27 color: #ffffffe5;
28 }
29
30 .loading-text.fade {
31 opacity: 0;
32 }
33
34 .dots::after {
35 content: "..."; /* Initial state */
36 }
37
38 .circle-counters {
39 display: flex;
40 gap: 24.5px;;
41 font-size: 1.2em;
42 align-content: center;
43 justify-content: center;
44 }
45
46 .circle-counters p {
47 margin: 0px;
48 }
49
50 .counter-item {
51 display: flex;
52 align-items: center;
53 gap: 8px;
54 }
55
56 .version-number p {
57 margin: 0px;
58 }
59
60 .legend-circle {
61 width: 12px;
62 height: 12px;
63 border-radius: 50%;
64 border-width: 3px;
65 border-style: solid;
66 margin-bottom: 3px;
67 }
68
69 .regular-circle {
70 background-color: #004f84e6;
71 border-color: #3498db;
72 }
73
74 .special-circle {
75 background-color: #FFD700;
76 border-color: #FFA500;
77 }
78
79 .loading-text-container {
80 display: flex;
81 flex-direction: column;
82 align-content: center;
83 justify-content: center;
84 text-align: center;
85 gap: 17px;
86 }
87
88 .loading-container-1 {
89 gap: 17px;
90 }
91
92 .counter-item-regular {
93 color: #004f84e6;
94 }
95
96 .dark-mode .counter-item-regular {
97 color: #3498db;
98 }
99
100 .counter-item-special {
101 color: orange;
102 }
103
104 .version-number {
105 font-size: 0.7em;
106 opacity: 0.5;
107 }