1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
:root {
--black: #000000;
--white: #ffffff;
--red-600: #b7253d;
--red-500: #df405a;
--blurple-600: #563acc;
--blurple-500: #6364ff;
--blurple-300: #858afa;
--grey-600: #4e4c5a;
--grey-100: #dadaf3;
--success-green: #4a905f;
--error-red: #df405a;
--warning-red: #ff5050;
--gold-star: #ca8f04;
--red-bookmark: #ff5050;
--classic-base-color: #282c37;
--classic-primary-color: #9baec8;
--classic-secondary-color: #d9e1e8;
--classic-highlight-color: #6364ff;
--base-shadow-color: #000000;
--base-overlay-background: #ffffff;
--base-border-color: #ffffff;
--simple-background-color: #ffffff;
--valid-value-color: #4a905f;
--error-value-color: #df405a;
--ui-base-color: #d9e1e8;
--ui-base-lighter-color: #b0c0cf;
--ui-primary-color: #9bcbed;
--ui-secondary-color: #282c37;
--ui-highlight-color: #6364ff;
--ui-button-color: #ffffff;
--ui-button-background-color: #6364ff;
--ui-button-focus-background-color: #563acc;
--ui-button-secondary-color: #4e4c5a;
--ui-button-secondary-border-color: #4e4c5a;
--ui-button-secondary-focus-background-color: #4e4c5a;
--ui-button-secondary-focus-color: #ffffff;
--ui-button-tertiary-color: #6364ff;
--ui-button-tertiary-border-color: #6364ff;
--ui-button-tertiary-focus-background-color: #563acc;
--ui-button-tertiary-focus-color: #ffffff;
--ui-button-destructive-background-color: #df405a;
--ui-button-destructive-focus-background-color: #b7253d;
--primary-text-color: #000000;
--darker-text-color: #282c37;
--dark-text-color: #444b5d;
--secondary-text-color: #282c37;
--highlight-text-color: #3a3bff;
--action-button-color: #606984;
--action-button-focus-color: #a3b6c7;
--passive-text-color: #ca8f04;
--active-passive-text-color: #4a905f;
--inverted-text-color: #000000;
--lighter-text-color: #282c37;
--light-text-color: #444b5d;
--action-button-color-lighten-7: #51596f;
--action-button-color-lighten-13: #444a5e;
--darker-text-color-lighten-4: #1f232b;
--darker-text-color-lighten-7: #191b22;
--darker-text-color-lighten-8: #17191f;
--darker-text-color-lighten-10: #131419;
--dark-text-color-lighten-4: #3b4151;
--dark-text-color-lighten-7: #353a48;
--error-red-lighten-4: #dc2f4b;
--error-red-lighten-12: #c1203b;
--error-value-color-lighten-12: #c1203b;
--gold-star-lighten-6: #ac7a03;
--gold-star-lighten-16: #7a5602;
--highlight-text-color-lighten-4: #2627ff;
--highlight-text-color-lighten-6: #1c1dff;
--highlight-text-color-lighten-8: #1113ff;
--highlight-text-color-lighten-13: #0002f7;
--inverted-text-color-lighten-4: #000000;
--inverted-text-color-lighten-10: #000000;
--inverted-text-color-lighten-15: #000000;
--inverted-text-color-lighten-16: #000000;
--lighter-text-color-lighten-7: #191b22;
--lighter-text-color-lighten-20: #000000;
--secondary-text-color-lighten-4: #1f232b;
--secondary-text-color-lighten-7: #191b22;
--secondary-text-color-lighten-8: #17191f;
--ui-base-color-lighten-2: #d3dce4;
--ui-base-color-lighten-3: #cfd9e2;
--ui-base-color-lighten-4: #ccd7e0;
--ui-base-color-lighten-5: #c9d4de;
--ui-base-color-lighten-6: #c6d2dc;
--ui-base-color-lighten-8: #c0cdd9;
--ui-base-color-lighten-11: #b6c5d3;
--ui-base-color-lighten-12: #b3c3d1;
--ui-base-color-lighten-13: #b0c0cf;
--ui-base-color-lighten-14: #adbecd;
--ui-base-color-lighten-16: #a6b9c9;
--ui-base-color-lighten-20: #99afc2;
--ui-base-color-lighten-26: #86a0b6;
--ui-base-color-lighten-27: #839db4;
--ui-base-color-lighten-29: #7d98b0;
--ui-base-color-lighten-30: #7a96ae;
--ui-base-color-lighten-33: #708ea9;
--ui-base-color-lighten-34: #6d8ca7;
--ui-base-color-lighten-50: #496379;
--ui-base-lighter-color-lighten-4: #a3b6c7;
--ui-base-lighter-color-lighten-7: #9aaec2;
--ui-highlight-color-lighten-4: #4f50ff;
--ui-highlight-color-lighten-8: #3a3bff;
--ui-highlight-color-lighten-10: #3031ff;
--ui-highlight-color-lighten-12: #2627ff;
--ui-primary-color-lighten-8: #78b9e7;
--ui-primary-color-lighten-12: #67b0e4;
--ui-primary-color-lighten-20: #459edd;
--ui-secondary-color-lighten-6: #1b1e25;
--ui-secondary-color-lighten-8: #17191f;
--valid-value-color-lighten-8: #3c754d;
--valid-value-color-lighten-15: #305d3d;
--warning-red-lighten-12: #ff1313;
--white-lighten-4: #f5f5f5;
--white-lighten-7: #ededed;
--action-button-color-darken-13: #828ba4;
--darker-text-color-darken-13: #444b5d;
--highlight-text-color-darken-4: #4f50ff;
--lighter-text-color-darken-4: #313543;
--lighter-text-color-darken-7: #373d4c;
--simple-background-color-darken-2: #ffffff;
--simple-background-color-darken-8: #ffffff;
--simple-background-color-darken-14: #ffffff;
--simple-background-color-darken-24: #ffffff;
--ui-base-color-darken-2: #dfe6ec;
--ui-base-color-darken-4: #e6ebf0;
--ui-base-color-darken-5: #e9eef2;
--ui-base-color-darken-6: #ecf0f4;
--ui-base-color-darken-7: #eff3f5;
--ui-base-color-darken-8: #f2f5f7;
--ui-base-color-darken-10: #f9fafb;
--ui-base-color-darken-12: #ffffff;
--ui-base-color-darken-13: #ffffff;
--ui-base-color-darken-14: #ffffff;
--ui-base-color-darken-20: #ffffff;
--ui-highlight-color-darken-2: #6d6eff;
--ui-highlight-color-darken-3: #7273ff;
--ui-highlight-color-darken-5: #7d7dff;
--ui-highlight-color-darken-8: #8c8dff;
--ui-primary-color-darken-5: #b1d6f1;
--ui-primary-color-darken-14: #d8eaf8;
--ui-primary-color-darken-40: #ffffff;
--ui-secondary-color-darken-8: #393f4f;
--ui-secondary-color-darken-10: #3d4455;
--ui-secondary-color-darken-16: #4a5266;
--ui-secondary-color-darken-18: #4f576c;
--ui-secondary-color-darken-24: #5c657e;
--action-button-color-a15: #60698426;
--action-button-color-a30: #6069844d;
--base-overlay-background-a0: #ffffff00;
--base-overlay-background-a10: #ffffff1a;
--base-overlay-background-a30: #ffffff4d;
--base-overlay-background-a50: #ffffff80;
--base-overlay-background-a60: #ffffff99;
--base-overlay-background-a70: #ffffffb3;
--base-overlay-background-a80: #ffffffcc;
--base-overlay-background-a90: #ffffffe6;
--base-shadow-color-a10: #0000001a;
--base-shadow-color-a20: #00000033;
--base-shadow-color-a25: #00000040;
--base-shadow-color-a30: #0000004d;
--base-shadow-color-a35: #00000059;
--base-shadow-color-a40: #00000066;
--base-shadow-color-a45: #00000073;
--base-shadow-color-a60: #00000099;
--base-shadow-color-a65: #000000a6;
--base-shadow-color-a75: #000000bf;
--base-shadow-color-a80: #000000cc;
--base-shadow-color-a85: #000000d9;
--black-a45: #00000073;
--black-a65: #000000a6;
--black-a85: #000000d9;
--black-a90: #000000e6;
--darker-text-color-a15: #282c3726;
--darker-text-color-a30: #282c374d;
--dark-text-color-a10: #444b5d1a;
--error-red-a50: #df405a80;
--error-value-color-a10: #df405a1a;
--error-value-color-a50: #df405a80;
--gold-star-a15: #ca8f0426;
--gold-star-a25: #ca8f0440;
--gold-star-a30: #ca8f044d;
--gold-star-a50: #ca8f0480;
--highlight-text-color-a15: #3a3bff26;
--highlight-text-color-a25: #3a3bff40;
--highlight-text-color-a30: #3a3bff4d;
--highlight-text-color-a40: #3a3bff66;
--lighter-text-color-a15: #282c3726;
--lighter-text-color-a30: #282c374d;
--primary-text-color-a70: #000000b3;
--primary-text-color-a80: #000000cc;
--success-green-a10: #4a905f1a;
--success-green-a50: #4a905f80;
--ui-base-color-a0: #d9e1e800;
--ui-base-color-a15: #d9e1e826;
--ui-base-color-a25: #d9e1e840;
--ui-base-color-a30: #d9e1e84d;
--ui-base-color-a85: #d9e1e8d9;
--ui-base-color-a100: #d9e1e8;
--ui-base-lighter-color-a60: #b0c0cf99;
--ui-highlight-color-a0: #6364ff00;
--ui-highlight-color-a10: #6364ff1a;
--ui-highlight-color-a15: #6364ff26;
--ui-highlight-color-a23: #6364ff3b;
--ui-highlight-color-a40: #6364ff66;
--ui-highlight-color-a50: #6364ff80;
--ui-secondary-color-a10: #282c371a;
--ui-secondary-color-a30: #282c374d;
--ui-secondary-color-a40: #282c3766;
--ui-secondary-color-a50: #282c3780;
--ui-secondary-color-a70: #282c37b3;
--valid-value-color-a25: #4a905f40;
--valid-value-color-a50: #4a905f80;
--warning-red-a15: #ff505026;
--white-a15: #ffffff26;
--white-a20: #ffffff33;
--white-a30: #ffffff4d;
--white-a35: #ffffff59;
--white-a70: #ffffffb3;
--white-a75: #ffffffbf;
--white-a80: #ffffffcc;
--mix-ui-base-highlight-95: #d3dbe9;
--mix-white-highlight-80: #e0e0ff;
--mix-ui-base-lighten4-highlight-95: #c7d1e2;
--mix-ui-base-lighten8-highlight-95: #bbc8db;
--mix-ui-base-lighten12-highlight-80: #a3b0da;
--font-sans-serif: 'mastodon-font-sans-serif';
--font-display: 'mastodon-font-display';
--font-monospace: 'mastodon-font-monospace';
--no-gap-breakpoint: 1175px;
--media-modal-media-max-width: 100%;
--media-modal-media-max-height: 80%;
--ui-avatar-border-size: 8%;
--dismiss-overlay-width: 4rem;
}