@mantine/core 7.0.0-alpha.7 → 7.0.0-alpha.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/styles.css DELETED
@@ -1,4806 +0,0 @@
1
- html,
2
- body {
3
- height: 100%;
4
- }
5
-
6
- body {
7
- margin: 0;
8
- }
9
-
10
- *,
11
- *::before,
12
- *::after {
13
- box-sizing: border-box;
14
- }
15
-
16
- input,
17
- button,
18
- textarea,
19
- select {
20
- font: inherit;
21
- }
22
-
23
- button,
24
- select {
25
- text-transform: none;
26
- }
27
-
28
- :root {
29
- color-scheme: var(--mantine-color-scheme);
30
- }
31
-
32
- body {
33
- font-family: var(--mantine-font-family);
34
- font-size: var(--mantine-font-size-md);
35
- line-height: var(--mantine-line-height);
36
- background-color: var(--mantine-color-body);
37
- color: var(--mantine-color-text);
38
-
39
- -webkit-font-smoothing: var(--mantine-webkit-font-smoothing);
40
- -moz-osx-font-smoothing: var(--mantine-moz-font-smoothing);
41
- }
42
-
43
- @media (prefers-reduced-motion: reduce) {
44
- [data-respect-reduced-motion] [data-reduce-motion] {
45
- transition: none;
46
- animation: none;
47
- }
48
- }
49
-
50
- .mantine-focus-auto:focus-visible {
51
- outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-primary);
52
- outline-offset: calc(0.125rem * var(--mantine-scale));
53
- }
54
-
55
- .mantine-focus-always:focus {
56
- outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-primary);
57
- outline-offset: calc(0.125rem * var(--mantine-scale));
58
- }
59
-
60
- .mantine-focus-never:focus {
61
- outline: none;
62
- }
63
-
64
- .mantine-active:active {
65
- transform: translateY(calc(0.0625rem * var(--mantine-scale)));
66
- }
67
-
68
- [dir="rtl"] .mantine-rotate-rtl {
69
- transform: rotate(180deg);
70
- }
71
-
72
- :root {
73
- --mantine-scale: 1;
74
- --mantine-cursor-type: default;
75
- --mantine-webkit-font-smoothing: antialiased;
76
- --mantine-color-scheme: light dark;
77
- --mantine-moz-font-smoothing: grayscale;
78
- --mantine-color-white: #fff;
79
- --mantine-color-black: #000;
80
- --mantine-color-primary: var(--mantine-color-blue-filled);
81
- --mantine-line-height: 1.55;
82
- --mantine-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial,
83
- sans-serif, Apple Color Emoji, Segoe UI Emoji;
84
- --mantine-font-family-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
85
- Liberation Mono, Courier New, monospace;
86
- --mantine-font-family-headings: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica,
87
- Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
88
- --mantine-heading-font-weight: 700;
89
- --mantine-radius-default: calc(0.25rem * var(--mantine-scale));
90
- --mantine-breakpoint-xs: 36em;
91
- --mantine-breakpoint-sm: 48em;
92
- --mantine-breakpoint-md: 62em;
93
- --mantine-breakpoint-lg: 75em;
94
- --mantine-breakpoint-xl: 88em;
95
- --mantine-spacing-xs: calc(0.625rem * var(--mantine-scale));
96
- --mantine-spacing-sm: calc(0.75rem * var(--mantine-scale));
97
- --mantine-spacing-md: calc(1rem * var(--mantine-scale));
98
- --mantine-spacing-lg: calc(1.25rem * var(--mantine-scale));
99
- --mantine-spacing-xl: calc(2rem * var(--mantine-scale));
100
- --mantine-font-size-xs: calc(0.75rem * var(--mantine-scale));
101
- --mantine-font-size-sm: calc(0.875rem * var(--mantine-scale));
102
- --mantine-font-size-md: calc(1rem * var(--mantine-scale));
103
- --mantine-font-size-lg: calc(1.125rem * var(--mantine-scale));
104
- --mantine-font-size-xl: calc(1.25rem * var(--mantine-scale));
105
- --mantine-line-height-xs: 1.4;
106
- --mantine-line-height-sm: 1.45;
107
- --mantine-line-height-md: 1.55;
108
- --mantine-line-height-lg: 1.6;
109
- --mantine-line-height-xl: 1.65;
110
- --mantine-shadow-xs: 0 calc(0.0625rem * var(--mantine-scale))
111
- calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
112
- 0 calc(0.0625rem * var(--mantine-scale)) calc(0.125rem * var(--mantine-scale))
113
- rgba(0, 0, 0, 0.1);
114
- --mantine-shadow-sm: 0 calc(0.0625rem * var(--mantine-scale))
115
- calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
116
- rgba(0, 0, 0, 0.05) 0 calc(0.625rem * var(--mantine-scale))
117
- calc(0.9375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)),
118
- rgba(0, 0, 0, 0.04) 0 calc(0.4375rem * var(--mantine-scale))
119
- calc(0.4375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale));
120
- --mantine-shadow-md: 0 calc(0.0625rem * var(--mantine-scale))
121
- calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
122
- rgba(0, 0, 0, 0.05) 0 calc(1.25rem * var(--mantine-scale))
123
- calc(1.5625rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)),
124
- rgba(0, 0, 0, 0.04) 0 calc(0.625rem * var(--mantine-scale))
125
- calc(0.625rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale));
126
- --mantine-shadow-lg: 0 calc(0.0625rem * var(--mantine-scale))
127
- calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
128
- rgba(0, 0, 0, 0.05) 0 calc(1.75rem * var(--mantine-scale))
129
- calc(1.4375rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale)),
130
- rgba(0, 0, 0, 0.04) 0 calc(0.75rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale))
131
- calc(-0.4375rem * var(--mantine-scale));
132
- --mantine-shadow-xl: 0 calc(0.0625rem * var(--mantine-scale))
133
- calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
134
- rgba(0, 0, 0, 0.05) 0 calc(2.25rem * var(--mantine-scale)) calc(1.75rem * var(--mantine-scale))
135
- calc(-0.4375rem * var(--mantine-scale)),
136
- rgba(0, 0, 0, 0.04) 0 calc(1.0625rem * var(--mantine-scale))
137
- calc(1.0625rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale));
138
- --mantine-radius-xs: calc(0.125rem * var(--mantine-scale));
139
- --mantine-radius-sm: calc(0.25rem * var(--mantine-scale));
140
- --mantine-radius-md: calc(0.5rem * var(--mantine-scale));
141
- --mantine-radius-lg: calc(1rem * var(--mantine-scale));
142
- --mantine-radius-xl: calc(2rem * var(--mantine-scale));
143
- --mantine-color-dark-0: #c1c2c5;
144
- --mantine-color-dark-1: #a6a7ab;
145
- --mantine-color-dark-2: #909296;
146
- --mantine-color-dark-3: #5c5f66;
147
- --mantine-color-dark-4: #373a40;
148
- --mantine-color-dark-5: #2c2e33;
149
- --mantine-color-dark-6: #25262b;
150
- --mantine-color-dark-7: #1a1b1e;
151
- --mantine-color-dark-8: #141517;
152
- --mantine-color-dark-9: #101113;
153
- --mantine-color-gray-0: #f8f9fa;
154
- --mantine-color-gray-1: #f1f3f5;
155
- --mantine-color-gray-2: #e9ecef;
156
- --mantine-color-gray-3: #dee2e6;
157
- --mantine-color-gray-4: #ced4da;
158
- --mantine-color-gray-5: #adb5bd;
159
- --mantine-color-gray-6: #868e96;
160
- --mantine-color-gray-7: #495057;
161
- --mantine-color-gray-8: #343a40;
162
- --mantine-color-gray-9: #212529;
163
- --mantine-color-red-0: #fff5f5;
164
- --mantine-color-red-1: #ffe3e3;
165
- --mantine-color-red-2: #ffc9c9;
166
- --mantine-color-red-3: #ffa8a8;
167
- --mantine-color-red-4: #ff8787;
168
- --mantine-color-red-5: #ff6b6b;
169
- --mantine-color-red-6: #fa5252;
170
- --mantine-color-red-7: #f03e3e;
171
- --mantine-color-red-8: #e03131;
172
- --mantine-color-red-9: #c92a2a;
173
- --mantine-color-pink-0: #fff0f6;
174
- --mantine-color-pink-1: #ffdeeb;
175
- --mantine-color-pink-2: #fcc2d7;
176
- --mantine-color-pink-3: #faa2c1;
177
- --mantine-color-pink-4: #f783ac;
178
- --mantine-color-pink-5: #f06595;
179
- --mantine-color-pink-6: #e64980;
180
- --mantine-color-pink-7: #d6336c;
181
- --mantine-color-pink-8: #c2255c;
182
- --mantine-color-pink-9: #a61e4d;
183
- --mantine-color-grape-0: #f8f0fc;
184
- --mantine-color-grape-1: #f3d9fa;
185
- --mantine-color-grape-2: #eebefa;
186
- --mantine-color-grape-3: #e599f7;
187
- --mantine-color-grape-4: #da77f2;
188
- --mantine-color-grape-5: #cc5de8;
189
- --mantine-color-grape-6: #be4bdb;
190
- --mantine-color-grape-7: #ae3ec9;
191
- --mantine-color-grape-8: #9c36b5;
192
- --mantine-color-grape-9: #862e9c;
193
- --mantine-color-violet-0: #f3f0ff;
194
- --mantine-color-violet-1: #e5dbff;
195
- --mantine-color-violet-2: #d0bfff;
196
- --mantine-color-violet-3: #b197fc;
197
- --mantine-color-violet-4: #9775fa;
198
- --mantine-color-violet-5: #845ef7;
199
- --mantine-color-violet-6: #7950f2;
200
- --mantine-color-violet-7: #7048e8;
201
- --mantine-color-violet-8: #6741d9;
202
- --mantine-color-violet-9: #5f3dc4;
203
- --mantine-color-indigo-0: #edf2ff;
204
- --mantine-color-indigo-1: #dbe4ff;
205
- --mantine-color-indigo-2: #bac8ff;
206
- --mantine-color-indigo-3: #91a7ff;
207
- --mantine-color-indigo-4: #748ffc;
208
- --mantine-color-indigo-5: #5c7cfa;
209
- --mantine-color-indigo-6: #4c6ef5;
210
- --mantine-color-indigo-7: #4263eb;
211
- --mantine-color-indigo-8: #3b5bdb;
212
- --mantine-color-indigo-9: #364fc7;
213
- --mantine-color-blue-0: #e7f5ff;
214
- --mantine-color-blue-1: #d0ebff;
215
- --mantine-color-blue-2: #a5d8ff;
216
- --mantine-color-blue-3: #74c0fc;
217
- --mantine-color-blue-4: #4dabf7;
218
- --mantine-color-blue-5: #339af0;
219
- --mantine-color-blue-6: #228be6;
220
- --mantine-color-blue-7: #1c7ed6;
221
- --mantine-color-blue-8: #1971c2;
222
- --mantine-color-blue-9: #1864ab;
223
- --mantine-color-cyan-0: #e3fafc;
224
- --mantine-color-cyan-1: #c5f6fa;
225
- --mantine-color-cyan-2: #99e9f2;
226
- --mantine-color-cyan-3: #66d9e8;
227
- --mantine-color-cyan-4: #3bc9db;
228
- --mantine-color-cyan-5: #22b8cf;
229
- --mantine-color-cyan-6: #15aabf;
230
- --mantine-color-cyan-7: #1098ad;
231
- --mantine-color-cyan-8: #0c8599;
232
- --mantine-color-cyan-9: #0b7285;
233
- --mantine-color-teal-0: #e6fcf5;
234
- --mantine-color-teal-1: #c3fae8;
235
- --mantine-color-teal-2: #96f2d7;
236
- --mantine-color-teal-3: #63e6be;
237
- --mantine-color-teal-4: #38d9a9;
238
- --mantine-color-teal-5: #20c997;
239
- --mantine-color-teal-6: #12b886;
240
- --mantine-color-teal-7: #0ca678;
241
- --mantine-color-teal-8: #099268;
242
- --mantine-color-teal-9: #087f5b;
243
- --mantine-color-green-0: #ebfbee;
244
- --mantine-color-green-1: #d3f9d8;
245
- --mantine-color-green-2: #b2f2bb;
246
- --mantine-color-green-3: #8ce99a;
247
- --mantine-color-green-4: #69db7c;
248
- --mantine-color-green-5: #51cf66;
249
- --mantine-color-green-6: #40c057;
250
- --mantine-color-green-7: #37b24d;
251
- --mantine-color-green-8: #2f9e44;
252
- --mantine-color-green-9: #2b8a3e;
253
- --mantine-color-lime-0: #f4fce3;
254
- --mantine-color-lime-1: #e9fac8;
255
- --mantine-color-lime-2: #d8f5a2;
256
- --mantine-color-lime-3: #c0eb75;
257
- --mantine-color-lime-4: #a9e34b;
258
- --mantine-color-lime-5: #94d82d;
259
- --mantine-color-lime-6: #82c91e;
260
- --mantine-color-lime-7: #74b816;
261
- --mantine-color-lime-8: #66a80f;
262
- --mantine-color-lime-9: #5c940d;
263
- --mantine-color-yellow-0: #fff9db;
264
- --mantine-color-yellow-1: #fff3bf;
265
- --mantine-color-yellow-2: #ffec99;
266
- --mantine-color-yellow-3: #ffe066;
267
- --mantine-color-yellow-4: #ffd43b;
268
- --mantine-color-yellow-5: #fcc419;
269
- --mantine-color-yellow-6: #fab005;
270
- --mantine-color-yellow-7: #f59f00;
271
- --mantine-color-yellow-8: #f08c00;
272
- --mantine-color-yellow-9: #e67700;
273
- --mantine-color-orange-0: #fff4e6;
274
- --mantine-color-orange-1: #ffe8cc;
275
- --mantine-color-orange-2: #ffd8a8;
276
- --mantine-color-orange-3: #ffc078;
277
- --mantine-color-orange-4: #ffa94d;
278
- --mantine-color-orange-5: #ff922b;
279
- --mantine-color-orange-6: #fd7e14;
280
- --mantine-color-orange-7: #f76707;
281
- --mantine-color-orange-8: #e8590c;
282
- --mantine-color-orange-9: #d9480f;
283
- --mantine-h1-font-size: calc(2.125rem * var(--mantine-scale));
284
- --mantine-h1-line-height: 1.3;
285
- --mantine-h1-font-weight: 700;
286
- --mantine-h2-font-size: calc(1.625rem * var(--mantine-scale));
287
- --mantine-h2-line-height: 1.35;
288
- --mantine-h2-font-weight: 700;
289
- --mantine-h3-font-size: calc(1.375rem * var(--mantine-scale));
290
- --mantine-h3-line-height: 1.4;
291
- --mantine-h3-font-weight: 700;
292
- --mantine-h4-font-size: calc(1.125rem * var(--mantine-scale));
293
- --mantine-h4-line-height: 1.45;
294
- --mantine-h4-font-weight: 700;
295
- --mantine-h5-font-size: calc(1rem * var(--mantine-scale));
296
- --mantine-h5-line-height: 1.5;
297
- --mantine-h5-font-weight: 700;
298
- --mantine-h6-font-size: calc(0.875rem * var(--mantine-scale));
299
- --mantine-h6-line-height: 1.5;
300
- --mantine-h6-font-weight: 700;
301
- }
302
-
303
- @media (prefers-color-scheme: dark) {
304
- :root {
305
- --mantine-color-text: var(--mantine-color-dark-0);
306
- --mantine-color-body: #1a1b1e;
307
- --mantine-color-error: #c92a2a;
308
- --mantine-color-placeholder: #5c5f66;
309
- --mantine-color-anchor: #4dabf7;
310
- --mantine-color-default: #25262b;
311
- --mantine-color-default-hover: #2c2e33;
312
- --mantine-color-default-color: #fff;
313
- --mantine-color-default-border: #373a40;
314
- --mantine-color-primary: #1971c2;
315
- --mantine-color-dimmed: var(--mantine-color-dark-2);
316
- --mantine-color-dark-filled: #141517;
317
- --mantine-color-dark-filled-hover: #101113;
318
- --mantine-color-dark-light: rgba(37, 38, 43, 0.1);
319
- --mantine-color-dark-light-hover: rgba(37, 38, 43, 0.12);
320
- --mantine-color-dark-light-color: #2c2e33;
321
- --mantine-color-dark-outline: #373a40;
322
- --mantine-color-dark-outline-hover: rgba(55, 58, 64, 0.05);
323
- --mantine-color-gray-filled: #343a40;
324
- --mantine-color-gray-filled-hover: #212529;
325
- --mantine-color-gray-light: rgba(134, 142, 150, 0.1);
326
- --mantine-color-gray-light-hover: rgba(134, 142, 150, 0.12);
327
- --mantine-color-gray-light-color: #adb5bd;
328
- --mantine-color-gray-outline: #ced4da;
329
- --mantine-color-gray-outline-hover: rgba(206, 212, 218, 0.05);
330
- --mantine-color-red-filled: #e03131;
331
- --mantine-color-red-filled-hover: #c92a2a;
332
- --mantine-color-red-light: rgba(250, 82, 82, 0.1);
333
- --mantine-color-red-light-hover: rgba(250, 82, 82, 0.12);
334
- --mantine-color-red-light-color: #ff6b6b;
335
- --mantine-color-red-outline: #ff8787;
336
- --mantine-color-red-outline-hover: rgba(255, 135, 135, 0.05);
337
- --mantine-color-pink-filled: #c2255c;
338
- --mantine-color-pink-filled-hover: #a61e4d;
339
- --mantine-color-pink-light: rgba(230, 73, 128, 0.1);
340
- --mantine-color-pink-light-hover: rgba(230, 73, 128, 0.12);
341
- --mantine-color-pink-light-color: #f06595;
342
- --mantine-color-pink-outline: #f783ac;
343
- --mantine-color-pink-outline-hover: rgba(247, 131, 172, 0.05);
344
- --mantine-color-grape-filled: #9c36b5;
345
- --mantine-color-grape-filled-hover: #862e9c;
346
- --mantine-color-grape-light: rgba(190, 75, 219, 0.1);
347
- --mantine-color-grape-light-hover: rgba(190, 75, 219, 0.12);
348
- --mantine-color-grape-light-color: #cc5de8;
349
- --mantine-color-grape-outline: #da77f2;
350
- --mantine-color-grape-outline-hover: rgba(218, 119, 242, 0.05);
351
- --mantine-color-violet-filled: #6741d9;
352
- --mantine-color-violet-filled-hover: #5f3dc4;
353
- --mantine-color-violet-light: rgba(121, 80, 242, 0.1);
354
- --mantine-color-violet-light-hover: rgba(121, 80, 242, 0.12);
355
- --mantine-color-violet-light-color: #845ef7;
356
- --mantine-color-violet-outline: #9775fa;
357
- --mantine-color-violet-outline-hover: rgba(151, 117, 250, 0.05);
358
- --mantine-color-indigo-filled: #3b5bdb;
359
- --mantine-color-indigo-filled-hover: #364fc7;
360
- --mantine-color-indigo-light: rgba(76, 110, 245, 0.1);
361
- --mantine-color-indigo-light-hover: rgba(76, 110, 245, 0.12);
362
- --mantine-color-indigo-light-color: #5c7cfa;
363
- --mantine-color-indigo-outline: #748ffc;
364
- --mantine-color-indigo-outline-hover: rgba(116, 143, 252, 0.05);
365
- --mantine-color-blue-filled: #1971c2;
366
- --mantine-color-blue-filled-hover: #1864ab;
367
- --mantine-color-blue-light: rgba(34, 139, 230, 0.1);
368
- --mantine-color-blue-light-hover: rgba(34, 139, 230, 0.12);
369
- --mantine-color-blue-light-color: #339af0;
370
- --mantine-color-blue-outline: #4dabf7;
371
- --mantine-color-blue-outline-hover: rgba(77, 171, 247, 0.05);
372
- --mantine-color-cyan-filled: #0c8599;
373
- --mantine-color-cyan-filled-hover: #0b7285;
374
- --mantine-color-cyan-light: rgba(21, 170, 191, 0.1);
375
- --mantine-color-cyan-light-hover: rgba(21, 170, 191, 0.12);
376
- --mantine-color-cyan-light-color: #22b8cf;
377
- --mantine-color-cyan-outline: #3bc9db;
378
- --mantine-color-cyan-outline-hover: rgba(59, 201, 219, 0.05);
379
- --mantine-color-teal-filled: #099268;
380
- --mantine-color-teal-filled-hover: #087f5b;
381
- --mantine-color-teal-light: rgba(18, 184, 134, 0.1);
382
- --mantine-color-teal-light-hover: rgba(18, 184, 134, 0.12);
383
- --mantine-color-teal-light-color: #20c997;
384
- --mantine-color-teal-outline: #38d9a9;
385
- --mantine-color-teal-outline-hover: rgba(56, 217, 169, 0.05);
386
- --mantine-color-green-filled: #2f9e44;
387
- --mantine-color-green-filled-hover: #2b8a3e;
388
- --mantine-color-green-light: rgba(64, 192, 87, 0.1);
389
- --mantine-color-green-light-hover: rgba(64, 192, 87, 0.12);
390
- --mantine-color-green-light-color: #51cf66;
391
- --mantine-color-green-outline: #69db7c;
392
- --mantine-color-green-outline-hover: rgba(105, 219, 124, 0.05);
393
- --mantine-color-lime-filled: #66a80f;
394
- --mantine-color-lime-filled-hover: #5c940d;
395
- --mantine-color-lime-light: rgba(130, 201, 30, 0.1);
396
- --mantine-color-lime-light-hover: rgba(130, 201, 30, 0.12);
397
- --mantine-color-lime-light-color: #94d82d;
398
- --mantine-color-lime-outline: #a9e34b;
399
- --mantine-color-lime-outline-hover: rgba(169, 227, 75, 0.05);
400
- --mantine-color-yellow-filled: #f08c00;
401
- --mantine-color-yellow-filled-hover: #e67700;
402
- --mantine-color-yellow-light: rgba(250, 176, 5, 0.1);
403
- --mantine-color-yellow-light-hover: rgba(250, 176, 5, 0.12);
404
- --mantine-color-yellow-light-color: #fcc419;
405
- --mantine-color-yellow-outline: #ffd43b;
406
- --mantine-color-yellow-outline-hover: rgba(255, 212, 59, 0.05);
407
- --mantine-color-orange-filled: #e8590c;
408
- --mantine-color-orange-filled-hover: #d9480f;
409
- --mantine-color-orange-light: rgba(253, 126, 20, 0.1);
410
- --mantine-color-orange-light-hover: rgba(253, 126, 20, 0.12);
411
- --mantine-color-orange-light-color: #ff922b;
412
- --mantine-color-orange-outline: #ffa94d;
413
- --mantine-color-orange-outline-hover: rgba(255, 169, 77, 0.05);
414
- }
415
- }
416
-
417
- :root[data-mantine-color-scheme='dark'] {
418
- --mantine-color-scheme: dark;
419
- --mantine-color-text: var(--mantine-color-dark-0);
420
- --mantine-color-body: #1a1b1e;
421
- --mantine-color-error: #c92a2a;
422
- --mantine-color-placeholder: #5c5f66;
423
- --mantine-color-anchor: #4dabf7;
424
- --mantine-color-default: #25262b;
425
- --mantine-color-default-hover: #2c2e33;
426
- --mantine-color-default-color: #fff;
427
- --mantine-color-default-border: #373a40;
428
- --mantine-color-primary: #1971c2;
429
- --mantine-color-dimmed: var(--mantine-color-dark-2);
430
- --mantine-color-dark-filled: #141517;
431
- --mantine-color-dark-filled-hover: #101113;
432
- --mantine-color-dark-light: rgba(37, 38, 43, 0.1);
433
- --mantine-color-dark-light-hover: rgba(37, 38, 43, 0.12);
434
- --mantine-color-dark-light-color: #2c2e33;
435
- --mantine-color-dark-outline: #373a40;
436
- --mantine-color-dark-outline-hover: rgba(55, 58, 64, 0.05);
437
- --mantine-color-gray-filled: #343a40;
438
- --mantine-color-gray-filled-hover: #212529;
439
- --mantine-color-gray-light: rgba(134, 142, 150, 0.1);
440
- --mantine-color-gray-light-hover: rgba(134, 142, 150, 0.12);
441
- --mantine-color-gray-light-color: #adb5bd;
442
- --mantine-color-gray-outline: #ced4da;
443
- --mantine-color-gray-outline-hover: rgba(206, 212, 218, 0.05);
444
- --mantine-color-red-filled: #e03131;
445
- --mantine-color-red-filled-hover: #c92a2a;
446
- --mantine-color-red-light: rgba(250, 82, 82, 0.1);
447
- --mantine-color-red-light-hover: rgba(250, 82, 82, 0.12);
448
- --mantine-color-red-light-color: #ff6b6b;
449
- --mantine-color-red-outline: #ff8787;
450
- --mantine-color-red-outline-hover: rgba(255, 135, 135, 0.05);
451
- --mantine-color-pink-filled: #c2255c;
452
- --mantine-color-pink-filled-hover: #a61e4d;
453
- --mantine-color-pink-light: rgba(230, 73, 128, 0.1);
454
- --mantine-color-pink-light-hover: rgba(230, 73, 128, 0.12);
455
- --mantine-color-pink-light-color: #f06595;
456
- --mantine-color-pink-outline: #f783ac;
457
- --mantine-color-pink-outline-hover: rgba(247, 131, 172, 0.05);
458
- --mantine-color-grape-filled: #9c36b5;
459
- --mantine-color-grape-filled-hover: #862e9c;
460
- --mantine-color-grape-light: rgba(190, 75, 219, 0.1);
461
- --mantine-color-grape-light-hover: rgba(190, 75, 219, 0.12);
462
- --mantine-color-grape-light-color: #cc5de8;
463
- --mantine-color-grape-outline: #da77f2;
464
- --mantine-color-grape-outline-hover: rgba(218, 119, 242, 0.05);
465
- --mantine-color-violet-filled: #6741d9;
466
- --mantine-color-violet-filled-hover: #5f3dc4;
467
- --mantine-color-violet-light: rgba(121, 80, 242, 0.1);
468
- --mantine-color-violet-light-hover: rgba(121, 80, 242, 0.12);
469
- --mantine-color-violet-light-color: #845ef7;
470
- --mantine-color-violet-outline: #9775fa;
471
- --mantine-color-violet-outline-hover: rgba(151, 117, 250, 0.05);
472
- --mantine-color-indigo-filled: #3b5bdb;
473
- --mantine-color-indigo-filled-hover: #364fc7;
474
- --mantine-color-indigo-light: rgba(76, 110, 245, 0.1);
475
- --mantine-color-indigo-light-hover: rgba(76, 110, 245, 0.12);
476
- --mantine-color-indigo-light-color: #5c7cfa;
477
- --mantine-color-indigo-outline: #748ffc;
478
- --mantine-color-indigo-outline-hover: rgba(116, 143, 252, 0.05);
479
- --mantine-color-blue-filled: #1971c2;
480
- --mantine-color-blue-filled-hover: #1864ab;
481
- --mantine-color-blue-light: rgba(34, 139, 230, 0.1);
482
- --mantine-color-blue-light-hover: rgba(34, 139, 230, 0.12);
483
- --mantine-color-blue-light-color: #339af0;
484
- --mantine-color-blue-outline: #4dabf7;
485
- --mantine-color-blue-outline-hover: rgba(77, 171, 247, 0.05);
486
- --mantine-color-cyan-filled: #0c8599;
487
- --mantine-color-cyan-filled-hover: #0b7285;
488
- --mantine-color-cyan-light: rgba(21, 170, 191, 0.1);
489
- --mantine-color-cyan-light-hover: rgba(21, 170, 191, 0.12);
490
- --mantine-color-cyan-light-color: #22b8cf;
491
- --mantine-color-cyan-outline: #3bc9db;
492
- --mantine-color-cyan-outline-hover: rgba(59, 201, 219, 0.05);
493
- --mantine-color-teal-filled: #099268;
494
- --mantine-color-teal-filled-hover: #087f5b;
495
- --mantine-color-teal-light: rgba(18, 184, 134, 0.1);
496
- --mantine-color-teal-light-hover: rgba(18, 184, 134, 0.12);
497
- --mantine-color-teal-light-color: #20c997;
498
- --mantine-color-teal-outline: #38d9a9;
499
- --mantine-color-teal-outline-hover: rgba(56, 217, 169, 0.05);
500
- --mantine-color-green-filled: #2f9e44;
501
- --mantine-color-green-filled-hover: #2b8a3e;
502
- --mantine-color-green-light: rgba(64, 192, 87, 0.1);
503
- --mantine-color-green-light-hover: rgba(64, 192, 87, 0.12);
504
- --mantine-color-green-light-color: #51cf66;
505
- --mantine-color-green-outline: #69db7c;
506
- --mantine-color-green-outline-hover: rgba(105, 219, 124, 0.05);
507
- --mantine-color-lime-filled: #66a80f;
508
- --mantine-color-lime-filled-hover: #5c940d;
509
- --mantine-color-lime-light: rgba(130, 201, 30, 0.1);
510
- --mantine-color-lime-light-hover: rgba(130, 201, 30, 0.12);
511
- --mantine-color-lime-light-color: #94d82d;
512
- --mantine-color-lime-outline: #a9e34b;
513
- --mantine-color-lime-outline-hover: rgba(169, 227, 75, 0.05);
514
- --mantine-color-yellow-filled: #f08c00;
515
- --mantine-color-yellow-filled-hover: #e67700;
516
- --mantine-color-yellow-light: rgba(250, 176, 5, 0.1);
517
- --mantine-color-yellow-light-hover: rgba(250, 176, 5, 0.12);
518
- --mantine-color-yellow-light-color: #fcc419;
519
- --mantine-color-yellow-outline: #ffd43b;
520
- --mantine-color-yellow-outline-hover: rgba(255, 212, 59, 0.05);
521
- --mantine-color-orange-filled: #e8590c;
522
- --mantine-color-orange-filled-hover: #d9480f;
523
- --mantine-color-orange-light: rgba(253, 126, 20, 0.1);
524
- --mantine-color-orange-light-hover: rgba(253, 126, 20, 0.12);
525
- --mantine-color-orange-light-color: #ff922b;
526
- --mantine-color-orange-outline: #ffa94d;
527
- --mantine-color-orange-outline-hover: rgba(255, 169, 77, 0.05);
528
- }
529
-
530
- @media (prefers-color-scheme: light) {
531
- :root {
532
- --mantine-color-text: #000;
533
- --mantine-color-body: #fff;
534
- --mantine-color-error: #fa5252;
535
- --mantine-color-placeholder: #adb5bd;
536
- --mantine-color-anchor: #228be6;
537
- --mantine-color-default: #fff;
538
- --mantine-color-default-hover: #f8f9fa;
539
- --mantine-color-default-color: #000;
540
- --mantine-color-default-border: #ced4da;
541
- --mantine-color-primary: #228be6;
542
- --mantine-color-dimmed: var(--mantine-color-gray-6);
543
- --mantine-color-dark-filled: #25262b;
544
- --mantine-color-dark-filled-hover: #1a1b1e;
545
- --mantine-color-dark-light: rgba(37, 38, 43, 0.1);
546
- --mantine-color-dark-light-hover: rgba(37, 38, 43, 0.12);
547
- --mantine-color-dark-light-color: #25262b;
548
- --mantine-color-dark-outline: #25262b;
549
- --mantine-color-dark-outline-hover: rgba(37, 38, 43, 0.05);
550
- --mantine-color-gray-filled: #868e96;
551
- --mantine-color-gray-filled-hover: #495057;
552
- --mantine-color-gray-light: rgba(134, 142, 150, 0.1);
553
- --mantine-color-gray-light-hover: rgba(134, 142, 150, 0.12);
554
- --mantine-color-gray-light-color: #868e96;
555
- --mantine-color-gray-outline: #868e96;
556
- --mantine-color-gray-outline-hover: rgba(134, 142, 150, 0.05);
557
- --mantine-color-red-filled: #fa5252;
558
- --mantine-color-red-filled-hover: #f03e3e;
559
- --mantine-color-red-light: rgba(250, 82, 82, 0.1);
560
- --mantine-color-red-light-hover: rgba(250, 82, 82, 0.12);
561
- --mantine-color-red-light-color: #fa5252;
562
- --mantine-color-red-outline: #fa5252;
563
- --mantine-color-red-outline-hover: rgba(250, 82, 82, 0.05);
564
- --mantine-color-pink-filled: #e64980;
565
- --mantine-color-pink-filled-hover: #d6336c;
566
- --mantine-color-pink-light: rgba(230, 73, 128, 0.1);
567
- --mantine-color-pink-light-hover: rgba(230, 73, 128, 0.12);
568
- --mantine-color-pink-light-color: #e64980;
569
- --mantine-color-pink-outline: #e64980;
570
- --mantine-color-pink-outline-hover: rgba(230, 73, 128, 0.05);
571
- --mantine-color-grape-filled: #be4bdb;
572
- --mantine-color-grape-filled-hover: #ae3ec9;
573
- --mantine-color-grape-light: rgba(190, 75, 219, 0.1);
574
- --mantine-color-grape-light-hover: rgba(190, 75, 219, 0.12);
575
- --mantine-color-grape-light-color: #be4bdb;
576
- --mantine-color-grape-outline: #be4bdb;
577
- --mantine-color-grape-outline-hover: rgba(190, 75, 219, 0.05);
578
- --mantine-color-violet-filled: #7950f2;
579
- --mantine-color-violet-filled-hover: #7048e8;
580
- --mantine-color-violet-light: rgba(121, 80, 242, 0.1);
581
- --mantine-color-violet-light-hover: rgba(121, 80, 242, 0.12);
582
- --mantine-color-violet-light-color: #7950f2;
583
- --mantine-color-violet-outline: #7950f2;
584
- --mantine-color-violet-outline-hover: rgba(121, 80, 242, 0.05);
585
- --mantine-color-indigo-filled: #4c6ef5;
586
- --mantine-color-indigo-filled-hover: #4263eb;
587
- --mantine-color-indigo-light: rgba(76, 110, 245, 0.1);
588
- --mantine-color-indigo-light-hover: rgba(76, 110, 245, 0.12);
589
- --mantine-color-indigo-light-color: #4c6ef5;
590
- --mantine-color-indigo-outline: #4c6ef5;
591
- --mantine-color-indigo-outline-hover: rgba(76, 110, 245, 0.05);
592
- --mantine-color-blue-filled: #228be6;
593
- --mantine-color-blue-filled-hover: #1c7ed6;
594
- --mantine-color-blue-light: rgba(34, 139, 230, 0.1);
595
- --mantine-color-blue-light-hover: rgba(34, 139, 230, 0.12);
596
- --mantine-color-blue-light-color: #228be6;
597
- --mantine-color-blue-outline: #228be6;
598
- --mantine-color-blue-outline-hover: rgba(34, 139, 230, 0.05);
599
- --mantine-color-cyan-filled: #15aabf;
600
- --mantine-color-cyan-filled-hover: #1098ad;
601
- --mantine-color-cyan-light: rgba(21, 170, 191, 0.1);
602
- --mantine-color-cyan-light-hover: rgba(21, 170, 191, 0.12);
603
- --mantine-color-cyan-light-color: #15aabf;
604
- --mantine-color-cyan-outline: #15aabf;
605
- --mantine-color-cyan-outline-hover: rgba(21, 170, 191, 0.05);
606
- --mantine-color-teal-filled: #12b886;
607
- --mantine-color-teal-filled-hover: #0ca678;
608
- --mantine-color-teal-light: rgba(18, 184, 134, 0.1);
609
- --mantine-color-teal-light-hover: rgba(18, 184, 134, 0.12);
610
- --mantine-color-teal-light-color: #12b886;
611
- --mantine-color-teal-outline: #12b886;
612
- --mantine-color-teal-outline-hover: rgba(18, 184, 134, 0.05);
613
- --mantine-color-green-filled: #40c057;
614
- --mantine-color-green-filled-hover: #37b24d;
615
- --mantine-color-green-light: rgba(64, 192, 87, 0.1);
616
- --mantine-color-green-light-hover: rgba(64, 192, 87, 0.12);
617
- --mantine-color-green-light-color: #40c057;
618
- --mantine-color-green-outline: #40c057;
619
- --mantine-color-green-outline-hover: rgba(64, 192, 87, 0.05);
620
- --mantine-color-lime-filled: #82c91e;
621
- --mantine-color-lime-filled-hover: #74b816;
622
- --mantine-color-lime-light: rgba(130, 201, 30, 0.1);
623
- --mantine-color-lime-light-hover: rgba(130, 201, 30, 0.12);
624
- --mantine-color-lime-light-color: #82c91e;
625
- --mantine-color-lime-outline: #82c91e;
626
- --mantine-color-lime-outline-hover: rgba(130, 201, 30, 0.05);
627
- --mantine-color-yellow-filled: #fab005;
628
- --mantine-color-yellow-filled-hover: #f59f00;
629
- --mantine-color-yellow-light: rgba(250, 176, 5, 0.1);
630
- --mantine-color-yellow-light-hover: rgba(250, 176, 5, 0.12);
631
- --mantine-color-yellow-light-color: #fab005;
632
- --mantine-color-yellow-outline: #fab005;
633
- --mantine-color-yellow-outline-hover: rgba(250, 176, 5, 0.05);
634
- --mantine-color-orange-filled: #fd7e14;
635
- --mantine-color-orange-filled-hover: #f76707;
636
- --mantine-color-orange-light: rgba(253, 126, 20, 0.1);
637
- --mantine-color-orange-light-hover: rgba(253, 126, 20, 0.12);
638
- --mantine-color-orange-light-color: #fd7e14;
639
- --mantine-color-orange-outline: #fd7e14;
640
- --mantine-color-orange-outline-hover: rgba(253, 126, 20, 0.05);
641
- }
642
- }
643
-
644
- :root[data-mantine-color-scheme='light'] {
645
- --mantine-color-scheme: light;
646
- --mantine-color-text: #000;
647
- --mantine-color-body: #fff;
648
- --mantine-color-error: #fa5252;
649
- --mantine-color-placeholder: #adb5bd;
650
- --mantine-color-anchor: #228be6;
651
- --mantine-color-default: #fff;
652
- --mantine-color-default-hover: #f8f9fa;
653
- --mantine-color-default-color: #000;
654
- --mantine-color-default-border: #ced4da;
655
- --mantine-color-primary: #228be6;
656
- --mantine-color-dimmed: var(--mantine-color-gray-6);
657
- --mantine-color-dark-filled: #25262b;
658
- --mantine-color-dark-filled-hover: #1a1b1e;
659
- --mantine-color-dark-light: rgba(37, 38, 43, 0.1);
660
- --mantine-color-dark-light-hover: rgba(37, 38, 43, 0.12);
661
- --mantine-color-dark-light-color: #25262b;
662
- --mantine-color-dark-outline: #25262b;
663
- --mantine-color-dark-outline-hover: rgba(37, 38, 43, 0.05);
664
- --mantine-color-gray-filled: #868e96;
665
- --mantine-color-gray-filled-hover: #495057;
666
- --mantine-color-gray-light: rgba(134, 142, 150, 0.1);
667
- --mantine-color-gray-light-hover: rgba(134, 142, 150, 0.12);
668
- --mantine-color-gray-light-color: #868e96;
669
- --mantine-color-gray-outline: #868e96;
670
- --mantine-color-gray-outline-hover: rgba(134, 142, 150, 0.05);
671
- --mantine-color-red-filled: #fa5252;
672
- --mantine-color-red-filled-hover: #f03e3e;
673
- --mantine-color-red-light: rgba(250, 82, 82, 0.1);
674
- --mantine-color-red-light-hover: rgba(250, 82, 82, 0.12);
675
- --mantine-color-red-light-color: #fa5252;
676
- --mantine-color-red-outline: #fa5252;
677
- --mantine-color-red-outline-hover: rgba(250, 82, 82, 0.05);
678
- --mantine-color-pink-filled: #e64980;
679
- --mantine-color-pink-filled-hover: #d6336c;
680
- --mantine-color-pink-light: rgba(230, 73, 128, 0.1);
681
- --mantine-color-pink-light-hover: rgba(230, 73, 128, 0.12);
682
- --mantine-color-pink-light-color: #e64980;
683
- --mantine-color-pink-outline: #e64980;
684
- --mantine-color-pink-outline-hover: rgba(230, 73, 128, 0.05);
685
- --mantine-color-grape-filled: #be4bdb;
686
- --mantine-color-grape-filled-hover: #ae3ec9;
687
- --mantine-color-grape-light: rgba(190, 75, 219, 0.1);
688
- --mantine-color-grape-light-hover: rgba(190, 75, 219, 0.12);
689
- --mantine-color-grape-light-color: #be4bdb;
690
- --mantine-color-grape-outline: #be4bdb;
691
- --mantine-color-grape-outline-hover: rgba(190, 75, 219, 0.05);
692
- --mantine-color-violet-filled: #7950f2;
693
- --mantine-color-violet-filled-hover: #7048e8;
694
- --mantine-color-violet-light: rgba(121, 80, 242, 0.1);
695
- --mantine-color-violet-light-hover: rgba(121, 80, 242, 0.12);
696
- --mantine-color-violet-light-color: #7950f2;
697
- --mantine-color-violet-outline: #7950f2;
698
- --mantine-color-violet-outline-hover: rgba(121, 80, 242, 0.05);
699
- --mantine-color-indigo-filled: #4c6ef5;
700
- --mantine-color-indigo-filled-hover: #4263eb;
701
- --mantine-color-indigo-light: rgba(76, 110, 245, 0.1);
702
- --mantine-color-indigo-light-hover: rgba(76, 110, 245, 0.12);
703
- --mantine-color-indigo-light-color: #4c6ef5;
704
- --mantine-color-indigo-outline: #4c6ef5;
705
- --mantine-color-indigo-outline-hover: rgba(76, 110, 245, 0.05);
706
- --mantine-color-blue-filled: #228be6;
707
- --mantine-color-blue-filled-hover: #1c7ed6;
708
- --mantine-color-blue-light: rgba(34, 139, 230, 0.1);
709
- --mantine-color-blue-light-hover: rgba(34, 139, 230, 0.12);
710
- --mantine-color-blue-light-color: #228be6;
711
- --mantine-color-blue-outline: #228be6;
712
- --mantine-color-blue-outline-hover: rgba(34, 139, 230, 0.05);
713
- --mantine-color-cyan-filled: #15aabf;
714
- --mantine-color-cyan-filled-hover: #1098ad;
715
- --mantine-color-cyan-light: rgba(21, 170, 191, 0.1);
716
- --mantine-color-cyan-light-hover: rgba(21, 170, 191, 0.12);
717
- --mantine-color-cyan-light-color: #15aabf;
718
- --mantine-color-cyan-outline: #15aabf;
719
- --mantine-color-cyan-outline-hover: rgba(21, 170, 191, 0.05);
720
- --mantine-color-teal-filled: #12b886;
721
- --mantine-color-teal-filled-hover: #0ca678;
722
- --mantine-color-teal-light: rgba(18, 184, 134, 0.1);
723
- --mantine-color-teal-light-hover: rgba(18, 184, 134, 0.12);
724
- --mantine-color-teal-light-color: #12b886;
725
- --mantine-color-teal-outline: #12b886;
726
- --mantine-color-teal-outline-hover: rgba(18, 184, 134, 0.05);
727
- --mantine-color-green-filled: #40c057;
728
- --mantine-color-green-filled-hover: #37b24d;
729
- --mantine-color-green-light: rgba(64, 192, 87, 0.1);
730
- --mantine-color-green-light-hover: rgba(64, 192, 87, 0.12);
731
- --mantine-color-green-light-color: #40c057;
732
- --mantine-color-green-outline: #40c057;
733
- --mantine-color-green-outline-hover: rgba(64, 192, 87, 0.05);
734
- --mantine-color-lime-filled: #82c91e;
735
- --mantine-color-lime-filled-hover: #74b816;
736
- --mantine-color-lime-light: rgba(130, 201, 30, 0.1);
737
- --mantine-color-lime-light-hover: rgba(130, 201, 30, 0.12);
738
- --mantine-color-lime-light-color: #82c91e;
739
- --mantine-color-lime-outline: #82c91e;
740
- --mantine-color-lime-outline-hover: rgba(130, 201, 30, 0.05);
741
- --mantine-color-yellow-filled: #fab005;
742
- --mantine-color-yellow-filled-hover: #f59f00;
743
- --mantine-color-yellow-light: rgba(250, 176, 5, 0.1);
744
- --mantine-color-yellow-light-hover: rgba(250, 176, 5, 0.12);
745
- --mantine-color-yellow-light-color: #fab005;
746
- --mantine-color-yellow-outline: #fab005;
747
- --mantine-color-yellow-outline-hover: rgba(250, 176, 5, 0.05);
748
- --mantine-color-orange-filled: #fd7e14;
749
- --mantine-color-orange-filled-hover: #f76707;
750
- --mantine-color-orange-light: rgba(253, 126, 20, 0.1);
751
- --mantine-color-orange-light-hover: rgba(253, 126, 20, 0.12);
752
- --mantine-color-orange-light-color: #fd7e14;
753
- --mantine-color-orange-outline: #fd7e14;
754
- --mantine-color-orange-outline-hover: rgba(253, 126, 20, 0.05);
755
- }
756
-
757
- .mantine-YsIDHdR {
758
- background-color: transparent;
759
- cursor: pointer;
760
- border: 0;
761
- padding: 0;
762
- appearance: none;
763
- font-size: var(--mantine-font-size-md);
764
- text-align: left;
765
- text-decoration: none;
766
- color: inherit;
767
- touch-action: manipulation;
768
- -webkit-tap-highlight-color: transparent;
769
- }
770
-
771
- @keyframes mantine-CbbKYq7 {
772
- 0% {
773
- transform: scale(0.6);
774
- opacity: 0;
775
- }
776
-
777
- 50%,
778
- 100% {
779
- transform: scale(1);
780
- }
781
- }
782
-
783
- .mantine-jUL-C9E {
784
- position: relative;
785
- width: var(--loader-size);
786
- height: var(--loader-size);
787
- display: flex;
788
- gap: calc(var(--loader-size) / 5);
789
- }
790
-
791
- .mantine-Vr3xFOO {
792
- flex: 1;
793
- background: var(--loader-color);
794
- animation: mantine-CbbKYq7 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
795
- border-radius: calc(0.125rem * var(--mantine-scale));
796
- }
797
-
798
- .mantine-Vr3xFOO:nth-of-type(1) {
799
- animation-delay: -240ms;
800
- }
801
-
802
- .mantine-Vr3xFOO:nth-of-type(2) {
803
- animation-delay: -120ms;
804
- }
805
-
806
- .mantine-Vr3xFOO:nth-of-type(3) {
807
- animation-delay: 0;
808
- }
809
-
810
- @keyframes mantine-61wydlj {
811
- 0% {
812
- transform: rotate(0deg);
813
- }
814
-
815
- 100% {
816
- transform: rotate(360deg);
817
- }
818
- }
819
-
820
- .mantine-e-ztMiT {
821
- display: inline-block;
822
- width: var(--loader-size);
823
- height: var(--loader-size);
824
- }
825
-
826
- .mantine-e-ztMiT::after {
827
- content: '';
828
- display: block;
829
- width: var(--loader-size);
830
- height: var(--loader-size);
831
- border-radius: calc(625rem * var(--mantine-scale));
832
- border-width: calc(var(--loader-size) / 8);
833
- border-style: solid;
834
- border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;
835
- animation: mantine-61wydlj 1.2s linear infinite;
836
- }
837
-
838
- @keyframes mantine--ObWAwB {
839
- 0%,
840
- 100% {
841
- opacity: 1;
842
- }
843
-
844
- 50% {
845
- opacity: 0.5;
846
- }
847
- }
848
-
849
- .mantine-k1XfX4K {
850
- display: flex;
851
- justify-content: center;
852
- align-items: center;
853
- gap: calc(var(--loader-size) / 10);
854
- flex-wrap: wrap;
855
- position: relative;
856
- width: var(--loader-size);
857
- height: var(--loader-size);
858
- }
859
-
860
- .mantine-NjfH0Vn {
861
- width: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
862
- height: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
863
- border-radius: 50%;
864
- background: var(--loader-color);
865
- animation: mantine--ObWAwB 1200ms linear infinite;
866
- }
867
-
868
- .mantine-NjfH0Vn:nth-child(2),
869
- .mantine-NjfH0Vn:nth-child(4) {
870
- animation-delay: -400ms;
871
- }
872
-
873
- .mantine-NjfH0Vn:nth-child(3),
874
- .mantine-NjfH0Vn:nth-child(5),
875
- .mantine-NjfH0Vn:nth-child(7) {
876
- animation-delay: -800ms;
877
- }
878
-
879
- .mantine-NjfH0Vn:nth-child(6),
880
- .mantine-NjfH0Vn:nth-child(8) {
881
- animation-delay: -1200ms;
882
- }
883
-
884
- .mantine-NjfH0Vn:nth-child(9) {
885
- animation-delay: -1600ms;
886
- }
887
-
888
- .mantine-69SxO-t {
889
- --loader-size-xs: calc(1.125rem * var(--mantine-scale));
890
- --loader-size-sm: calc(1.375rem * var(--mantine-scale));
891
- --loader-size-md: calc(2.25rem * var(--mantine-scale));
892
- --loader-size-lg: calc(2.75rem * var(--mantine-scale));
893
- --loader-size-xl: calc(3.625rem * var(--mantine-scale));
894
- }
895
-
896
- .mantine-64TYjOY {
897
- display: flex;
898
- }
899
-
900
- .mantine-64TYjOY[data-orientation='horizontal'] {
901
- flex-direction: row;
902
- }
903
-
904
- .mantine-64TYjOY[data-orientation='horizontal'] [data-action-icon]:not(:only-child):first-child {
905
- border-bottom-right-radius: 0;
906
- border-top-right-radius: 0;
907
- border-right-width: calc(var(--ai-border-width) / 2);
908
- }
909
-
910
- .mantine-64TYjOY[data-orientation='horizontal'] [data-action-icon]:not(:only-child):last-child {
911
- border-bottom-left-radius: 0;
912
- border-top-left-radius: 0;
913
- border-left-width: calc(var(--ai-border-width) / 2);
914
- }
915
-
916
- .mantine-64TYjOY[data-orientation='horizontal'] [data-action-icon]:not(:only-child):not(:first-child):not(:last-child) {
917
- border-radius: 0;
918
- border-right-width: calc(var(--ai-border-width) / 2);
919
- border-left-width: calc(var(--ai-border-width) / 2);
920
- }
921
-
922
- .mantine-64TYjOY[data-orientation='vertical'] {
923
- flex-direction: column;
924
- }
925
-
926
- .mantine-64TYjOY[data-orientation='vertical'] [data-action-icon]:not(:only-child):first-child {
927
- border-bottom-left-radius: 0;
928
- border-bottom-right-radius: 0;
929
- border-bottom-width: calc(var(--ai-border-width) / 2);
930
- }
931
-
932
- .mantine-64TYjOY[data-orientation='vertical'] [data-action-icon]:not(:only-child):last-child {
933
- border-top-left-radius: 0;
934
- border-top-right-radius: 0;
935
- border-top-width: calc(var(--ai-border-width) / 2);
936
- }
937
-
938
- .mantine-64TYjOY[data-orientation='vertical'] [data-action-icon]:not(:only-child):not(:first-child):not(:last-child) {
939
- border-radius: 0;
940
- border-bottom-width: calc(var(--ai-border-width) / 2);
941
- border-top-width: calc(var(--ai-border-width) / 2);
942
- }
943
-
944
- .mantine-7371IxG {
945
- --ai-size-xs: calc(1.125rem * var(--mantine-scale));
946
- --ai-size-sm: calc(1.375rem * var(--mantine-scale));
947
- --ai-size-md: calc(1.75rem * var(--mantine-scale));
948
- --ai-size-lg: calc(2.125rem * var(--mantine-scale));
949
- --ai-size-xl: calc(2.75rem * var(--mantine-scale));
950
-
951
- line-height: 1;
952
- display: inline-flex;
953
- align-items: center;
954
- justify-content: center;
955
- position: relative;
956
- user-select: none;
957
-
958
- width: var(--ai-size);
959
- height: var(--ai-size);
960
- min-width: var(--ai-size);
961
- min-height: var(--ai-size);
962
- border-radius: var(--ai-radius);
963
- background: var(--_ai-bg, var(--ai-bg));
964
- color: var(--_ai-color, var(--ai-color));
965
- border: var(--ai-bd);
966
- cursor: var(--_ai-cursor, pointer);
967
- }
968
-
969
- @media (hover: hover) {
970
- .mantine-7371IxG:hover:not([data-loading]):not(:disabled):not([data-disabled]) {
971
- --_ai-bg: var(--ai-hover);
972
- }
973
- }
974
-
975
- @media (hover: none) {
976
- .mantine-7371IxG:active:not([data-loading]):not(:disabled):not([data-disabled]) {
977
- --_ai-bg: var(--ai-hover);
978
- }
979
- }
980
-
981
- [data-mantine-color-scheme='light'] .mantine-7371IxG {
982
- --_ai-loading-overlay-bg: rgba(255, 255, 255, 0.35);
983
- --_ai-disabled-bg: var(--mantine-color-gray-1);
984
- --_ai-disabled-color: var(--mantine-color-gray-5);
985
- }
986
-
987
- @media (prefers-color-scheme: light) {
988
-
989
- .mantine-7371IxG {
990
- --_ai-loading-overlay-bg: rgba(255, 255, 255, 0.35);
991
- --_ai-disabled-bg: var(--mantine-color-gray-1);
992
- --_ai-disabled-color: var(--mantine-color-gray-5);
993
- }
994
- }
995
-
996
- [data-mantine-color-scheme='dark'] .mantine-7371IxG {
997
- --_ai-loading-overlay-bg: rgba(0, 0, 0, 0.35);
998
- --_ai-disabled-bg: var(--mantine-color-dark-6);
999
- --_ai-disabled-color: var(--mantine-color-dark-3);
1000
- }
1001
-
1002
- @media (prefers-color-scheme: dark) {
1003
-
1004
- .mantine-7371IxG {
1005
- --_ai-loading-overlay-bg: rgba(0, 0, 0, 0.35);
1006
- --_ai-disabled-bg: var(--mantine-color-dark-6);
1007
- --_ai-disabled-color: var(--mantine-color-dark-3);
1008
- }
1009
- }
1010
-
1011
- .mantine-7371IxG[data-loading] {
1012
- --_ai-cursor: not-allowed;
1013
- }
1014
-
1015
- .mantine-7371IxG[data-loading]::before {
1016
- content: '';
1017
- position: absolute;
1018
- inset: calc(-0.0625rem * var(--mantine-scale));
1019
- border-radius: var(--ai-radius);
1020
- background-color: var(--_ai-loading-overlay-bg);
1021
- }
1022
-
1023
- .mantine-7371IxG:disabled:not([data-loading]),
1024
- .mantine-7371IxG[data-disabled]:not([data-loading]) {
1025
- --_ai-cursor: not-allowed;
1026
- --_ai-bg: var(--_ai-disabled-bg);
1027
- --_ai-color: var(--_ai-disabled-color);
1028
- }
1029
-
1030
- .mantine-7371IxG:disabled:not([data-loading]):active, .mantine-7371IxG[data-disabled]:not([data-loading]):active {
1031
- transform: none;
1032
- }
1033
-
1034
- .mantine-BWsEIZ5 {
1035
- z-index: 1;
1036
- }
1037
-
1038
- .mantine-gChJ7hu {
1039
- position: fixed;
1040
- z-index: var(--affix-z-index);
1041
- top: var(--affix-top);
1042
- left: var(--affix-left);
1043
- right: var(--affix-right);
1044
- bottom: var(--affix-bottom);
1045
- }
1046
-
1047
- .mantine-wK6rTtU {
1048
- background-color: var(--alert-bg);
1049
- padding: var(--mantine-spacing-md) var(--mantine-spacing-xl);
1050
- border-radius: var(--alert-radius);
1051
- position: relative;
1052
- overflow: hidden;
1053
- border: var(--alert-bd);
1054
- color: var(--alert-color);
1055
- }
1056
-
1057
- .mantine-j9KrEIg {
1058
- --_message-color: var(--alert-color);
1059
- }
1060
-
1061
- .mantine-Dy-Ug58 {
1062
- --_message-color: var(--mantine-color-black);
1063
- }
1064
-
1065
- .mantine-01p4pZq {
1066
- display: flex;
1067
- }
1068
-
1069
- .mantine-9PtDsve {
1070
- flex: 1;
1071
- }
1072
-
1073
- .mantine-dlG1-0a {
1074
- margin-bottom: var(--mantine-spacing-xs);
1075
- display: flex;
1076
- align-items: center;
1077
- justify-content: space-between;
1078
- font-size: var(--mantine-font-size-sm);
1079
- font-weight: 700;
1080
- }
1081
-
1082
- .mantine-dlG1-0a[data-with-clos-button] {
1083
- padding-right: var(--mantine-spacing-md);
1084
- }
1085
-
1086
- .mantine-vl7zyk6 {
1087
- display: block;
1088
- overflow: hidden;
1089
- text-overflow: ellipsis;
1090
- }
1091
-
1092
- .mantine-BUZombZ {
1093
- line-height: 1;
1094
- width: calc(1.25rem * var(--mantine-scale));
1095
- height: calc(1.25rem * var(--mantine-scale));
1096
- display: flex;
1097
- align-items: center;
1098
- justify-content: flex-start;
1099
- margin-right: var(--mantine-spacing-md);
1100
- margin-top: calc(0.0625rem * var(--mantine-scale));
1101
- }
1102
-
1103
- .mantine-hYsypua {
1104
- text-overflow: ellipsis;
1105
- overflow: hidden;
1106
- font-size: var(--mantine-font-size-sm);
1107
- color: var(--_message-color, var(--__message-color));
1108
- }
1109
-
1110
- [data-mantine-color-scheme='light'] .mantine-hYsypua {
1111
- --__message-color: var(--mantine-color-black);
1112
- }
1113
-
1114
- @media (prefers-color-scheme: light) {
1115
-
1116
- .mantine-hYsypua {
1117
- --__message-color: var(--mantine-color-black);
1118
- }
1119
- }
1120
-
1121
- [data-mantine-color-scheme='dark'] .mantine-hYsypua {
1122
- --__message-color: var(--mantine-color-white);
1123
- }
1124
-
1125
- @media (prefers-color-scheme: dark) {
1126
-
1127
- .mantine-hYsypua {
1128
- --__message-color: var(--mantine-color-white);
1129
- }
1130
- }
1131
-
1132
- .mantine-0870dm5 {
1133
- width: calc(1.25rem * var(--mantine-scale));
1134
- height: calc(1.25rem * var(--mantine-scale));
1135
- margin-right: calc(var(--mantine-spacing-md) * -1);
1136
- margin-top: calc(var(--mantine-spacing-sm) * -0.5);
1137
- color: var(--alert-color);
1138
- }
1139
-
1140
- .mantine-HAmVvpP {
1141
- -webkit-tap-highlight-color: transparent;
1142
- text-decoration: none;
1143
- font-size: var(--text-fz);
1144
- line-height: var(--text-lh);
1145
- font-weight: normal;
1146
- margin: 0;
1147
- padding: 0;
1148
- }
1149
-
1150
- .mantine-HAmVvpP[data-truncate] {
1151
- overflow: hidden;
1152
- text-overflow: ellipsis;
1153
- white-space: nowrap;
1154
- }
1155
-
1156
- .mantine-HAmVvpP[data-truncate='start'] {
1157
- direction: rtl;
1158
- text-align: right;
1159
- }
1160
-
1161
- [dir="rtl"] .mantine-HAmVvpP[data-truncate='start'] {
1162
- direction: ltr;
1163
- text-align: left;
1164
- }
1165
-
1166
- .mantine-HAmVvpP[data-variant='gradient'] {
1167
- background-image: var(--text-gradient);
1168
- background-clip: text;
1169
- -webkit-background-clip: text;
1170
- -webkit-text-fill-color: transparent;
1171
- }
1172
-
1173
- .mantine-HAmVvpP[data-line-clamp] {
1174
- overflow: hidden;
1175
- text-overflow: ellipsis;
1176
- display: -webkit-box;
1177
- -webkit-line-clamp: var(--text-line-clamp);
1178
- -webkit-box-orient: vertical;
1179
- }
1180
-
1181
- .mantine-HAmVvpP[data-inherit] {
1182
- line-height: inherit;
1183
- font-weight: inherit;
1184
- font-size: inherit;
1185
- }
1186
-
1187
- .mantine-HAmVvpP[data-inline] {
1188
- --_text-line-height: 1;
1189
- }
1190
-
1191
- .mantine-pSL9pMg {
1192
- color: var(--mantine-color-anchor);
1193
- text-decoration: var(--_text-decoration, none);
1194
- appearance: none;
1195
- border: none;
1196
- display: inline;
1197
- padding: 0;
1198
- margin: 0;
1199
- background-color: transparent;
1200
- cursor: pointer;
1201
- }
1202
-
1203
- @media (hover: hover) {
1204
-
1205
- .mantine-pSL9pMg[data-underline='hover']:hover {
1206
- --_text-decoration: underline;
1207
- }
1208
- }
1209
-
1210
- @media (hover: none) {
1211
-
1212
- .mantine-pSL9pMg[data-underline='hover']:active {
1213
- --_text-decoration: underline;
1214
- }
1215
- }
1216
-
1217
- .mantine-pSL9pMg[data-underline='always'] {
1218
- --_text-decoration: underline;
1219
- }
1220
-
1221
- .mantine-iUBXcbk {
1222
- position: relative;
1223
- max-width: 100%;
1224
- }
1225
-
1226
- .mantine-iUBXcbk::before {
1227
- content: '';
1228
- height: 0;
1229
- display: block;
1230
- padding-bottom: calc((1 / var(--ar-ratio)) * 100%);
1231
- }
1232
-
1233
- .mantine-iUBXcbk::after {
1234
- content: '';
1235
- display: table;
1236
- clear: both;
1237
- }
1238
-
1239
- .mantine-iUBXcbk > *:not(style) {
1240
- position: absolute;
1241
- inset: 0;
1242
- width: 100%;
1243
- height: 100%;
1244
- display: flex;
1245
- align-items: center;
1246
- justify-content: center;
1247
- }
1248
-
1249
- .mantine-iUBXcbk > img,
1250
- .mantine-iUBXcbk > video {
1251
- object-fit: cover;
1252
- }
1253
-
1254
- .mantine-4FAj0g7 {
1255
- display: flex;
1256
- padding-left: var(--ag-spacing);
1257
- }
1258
-
1259
- [dir="rtl"] .mantine-4FAj0g7 {
1260
- padding-left: 0;
1261
- padding-right: var(--ag-spacing);
1262
- }
1263
-
1264
- .mantine-f8qyj5h {
1265
- --avatar-size-xs: calc(1rem * var(--mantine-scale));
1266
- --avatar-size-sm: calc(1.625rem * var(--mantine-scale));
1267
- --avatar-size-md: calc(2.375rem * var(--mantine-scale));
1268
- --avatar-size-lg: calc(3.5rem * var(--mantine-scale));
1269
- --avatar-size-xl: calc(5.25rem * var(--mantine-scale));
1270
-
1271
- -webkit-tap-highlight-color: transparent;
1272
- position: relative;
1273
- display: block;
1274
- user-select: none;
1275
- overflow: hidden;
1276
- border-radius: var(--avatar-radius);
1277
- text-decoration: none;
1278
- border: var(--_avatar-border, none);
1279
- background-color: var(--_avatar-bg, transparent);
1280
- padding: 0;
1281
- width: var(--avatar-size);
1282
- height: var(--avatar-size);
1283
- min-width: var(--avatar-size);
1284
- margin-left: var(--_avatar-ml, unset);
1285
- margin-right: var(--_avatar-mr, unset);
1286
- }
1287
-
1288
- .mantine-f8qyj5h[data-within-group] {
1289
- --_avatar-ml: calc(var(--ag-spacing) * -1);
1290
- --_avatar-border: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-body);
1291
- --_avatar-bg: var(--mantine-color-body);
1292
- }
1293
-
1294
- [dir="rtl"] .mantine-f8qyj5h[data-within-group] {
1295
- --_avatar-mr: calc(var(--ag-spacing) * -1);
1296
- --_avatar-ml: unset;
1297
- }
1298
-
1299
- .mantine-BmxEl6O {
1300
- object-fit: cover;
1301
- width: 100%;
1302
- height: 100%;
1303
- display: block;
1304
- }
1305
-
1306
- .mantine-2J4mxDh {
1307
- font-weight: 700;
1308
- display: flex;
1309
- align-items: center;
1310
- justify-content: center;
1311
- width: 100%;
1312
- height: 100%;
1313
- user-select: none;
1314
- border-radius: var(--avatar-radius);
1315
- font-size: calc(var(--avatar-size) / 2.5);
1316
- color: var(--avatar-color);
1317
- background: var(--avatar-bg);
1318
- border: var(--avatar-bd);
1319
- }
1320
-
1321
- .mantine-2J4mxDh > [data-avatar-placeholder-icon] {
1322
- width: 70%;
1323
- height: 70%;
1324
- }
1325
-
1326
- .mantine-mBE3oR4 {
1327
- background-size: cover;
1328
- background-position: center;
1329
- display: block;
1330
- width: 100%;
1331
- border: 0;
1332
- text-decoration: none;
1333
- border-radius: var(--bi-radius);
1334
- }
1335
-
1336
- .mantine-WM8AqtG {
1337
- --badge-height-xs: calc(1rem * var(--mantine-scale));
1338
- --badge-height-sm: calc(1.125rem * var(--mantine-scale));
1339
- --badge-height-md: calc(1.25rem * var(--mantine-scale));
1340
- --badge-height-lg: calc(1.625rem * var(--mantine-scale));
1341
- --badge-height-xl: calc(2rem * var(--mantine-scale));
1342
-
1343
- --badge-fz-xs: calc(0.5625rem * var(--mantine-scale));
1344
- --badge-fz-sm: calc(0.625rem * var(--mantine-scale));
1345
- --badge-fz-md: calc(0.6875rem * var(--mantine-scale));
1346
- --badge-fz-lg: calc(0.8125rem * var(--mantine-scale));
1347
- --badge-fz-xl: calc(1rem * var(--mantine-scale));
1348
-
1349
- --badge-padding-x-xs: calc(0.375rem * var(--mantine-scale));
1350
- --badge-padding-x-sm: calc(0.5rem * var(--mantine-scale));
1351
- --badge-padding-x-md: calc(0.625rem * var(--mantine-scale));
1352
- --badge-padding-x-lg: calc(0.75rem * var(--mantine-scale));
1353
- --badge-padding-x-xl: calc(1rem * var(--mantine-scale));
1354
-
1355
- font-size: var(--badge-fz);
1356
- border-radius: var(--badge-radius);
1357
- height: var(--badge-height);
1358
- -webkit-tap-highlight-color: transparent;
1359
- line-height: calc(var(--badge-height) - calc(0.125rem * var(--mantine-scale)));
1360
- text-decoration: none;
1361
- padding: 0 var(--badge-padding-x);
1362
- display: var(--_badge-display, inline-flex);
1363
- align-items: center;
1364
- justify-content: center;
1365
- width: var(--_badge-width, auto);
1366
- text-transform: uppercase;
1367
- font-weight: 700;
1368
- letter-spacing: calc(0.015625rem * var(--mantine-scale));
1369
- cursor: inherit;
1370
- text-overflow: ellipsis;
1371
- overflow: hidden;
1372
-
1373
- color: var(--badge-color);
1374
- background: var(--badge-bg);
1375
- border: var(--badge-bd);
1376
- }
1377
-
1378
- .mantine-WM8AqtG[data-block] {
1379
- --_badge-display: flex;
1380
- --_badge-width: 100%;
1381
- }
1382
-
1383
- .mantine-d3u1-wu {
1384
- --badge-dot-size: calc(var(--badge-height) / 3.4);
1385
-
1386
- background-color: var(--_badge-bg);
1387
- border: calc(0.0625rem * var(--mantine-scale)) solid var(--_badge-border-color);
1388
- color: var(--_badge-color);
1389
- }
1390
-
1391
- [data-mantine-color-scheme='light'] .mantine-d3u1-wu {
1392
- --_badge-bg: var(--mantine-color-white);
1393
- --_badge-border-color: var(--mantine-color-gray-4);
1394
- --_badge-color: var(--mantine-color-black);
1395
- }
1396
-
1397
- @media (prefers-color-scheme: light) {
1398
-
1399
- .mantine-d3u1-wu {
1400
- --_badge-bg: var(--mantine-color-white);
1401
- --_badge-border-color: var(--mantine-color-gray-4);
1402
- --_badge-color: var(--mantine-color-black);
1403
- }
1404
- }
1405
-
1406
- [data-mantine-color-scheme='dark'] .mantine-d3u1-wu {
1407
- --_badge-bg: var(--mantine-color-dark-5);
1408
- --_badge-border-color: var(--mantine-color-dark-5);
1409
- --_badge-color: var(--mantine-color-white);
1410
- }
1411
-
1412
- @media (prefers-color-scheme: dark) {
1413
-
1414
- .mantine-d3u1-wu {
1415
- --_badge-bg: var(--mantine-color-dark-5);
1416
- --_badge-border-color: var(--mantine-color-dark-5);
1417
- --_badge-color: var(--mantine-color-white);
1418
- }
1419
- }
1420
-
1421
- .mantine-d3u1-wu::before {
1422
- content: '';
1423
- display: block;
1424
- width: var(--badge-dot-size);
1425
- height: var(--badge-dot-size);
1426
- border-radius: var(--badge-dot-size);
1427
- background-color: var(--badge-dot-color);
1428
- margin-right: var(--badge-dot-size);
1429
- }
1430
-
1431
- [dir="rtl"] .mantine-d3u1-wu::before {
1432
- margin-right: 0;
1433
- margin-left: var(--badge-dot-size);
1434
- }
1435
-
1436
- .mantine-LN56t-P {
1437
- white-space: nowrap;
1438
- overflow: hidden;
1439
- text-overflow: ellipsis;
1440
- }
1441
-
1442
- .mantine-cbpGUul {
1443
- --_section-margin: calc(var(--mantine-spacing-xs) / 2);
1444
- display: inline-flex;
1445
- justify-content: center;
1446
- align-items: center;
1447
- }
1448
-
1449
- .mantine-cbpGUul[data-position='left'] {
1450
- margin-left: var(--_left-section-ml, 0);
1451
- margin-right: var(--_left-section-mr, var(--_section-margin));
1452
- }
1453
-
1454
- [dir="rtl"] .mantine-cbpGUul[data-position='left'] {
1455
- --_left-section-ml: var(--_section-margin);
1456
- --_left-section-mr: 0;
1457
- }
1458
-
1459
- .mantine-cbpGUul[data-position='right'] {
1460
- margin-left: var(--_right-section-ml, var(--_section-margin));
1461
- margin-right: var(--_right-section-mr, 0);
1462
- }
1463
-
1464
- [dir="rtl"] .mantine-cbpGUul[data-position='right'] {
1465
- --_right-section-mr: var(--_section-margin);
1466
- --_right-section-ml: 0;
1467
- }
1468
-
1469
- .mantine-ecNe4vP {
1470
- --_bq-border: calc(0.1875rem * var(--mantine-scale)) solid var(--bq-bd);
1471
-
1472
- position: relative;
1473
- margin: 0;
1474
- background-color: var(--_bq-bg);
1475
- border-left: var(--_bq-border-left, var(--_bq-border));
1476
- border-right: var(--_bq-border-right, 0);
1477
- border-radius: var(--bq-radius);
1478
- border-top-left-radius: var(--_bq-radius-left, 0);
1479
- border-top-right-radius: var(--_bq-radius-right, var(--bq-radius));
1480
- border-bottom-left-radius: var(--_bq-radius-left, 0);
1481
- border-bottom-right-radius: var(--_bq-radius-right, var(--bq-radius));
1482
- padding: var(--mantine-spacing-xl) calc(2.375rem * var(--mantine-scale));
1483
- }
1484
-
1485
- [dir="rtl"] .mantine-ecNe4vP {
1486
- --_bq-radius-left: var(--bq-radius);
1487
- --_bq-radius-right: 0;
1488
- --_bq-border-left: 0;
1489
- --_bq-border-right: var(--_bq-border);
1490
- }
1491
-
1492
- [data-mantine-color-scheme='light'] .mantine-ecNe4vP {
1493
- --_bq-bg: var(--bq-bg-light);
1494
- }
1495
-
1496
- @media (prefers-color-scheme: light) {
1497
-
1498
- .mantine-ecNe4vP {
1499
- --_bq-bg: var(--bq-bg-light);
1500
- }
1501
- }
1502
-
1503
- [data-mantine-color-scheme='dark'] .mantine-ecNe4vP {
1504
- --_bq-bg: var(--bq-bg-dark);
1505
- }
1506
-
1507
- @media (prefers-color-scheme: dark) {
1508
-
1509
- .mantine-ecNe4vP {
1510
- --_bq-bg: var(--bq-bg-dark);
1511
- }
1512
- }
1513
-
1514
- .mantine-OY7Gota {
1515
- position: absolute;
1516
- color: var(--bq-bd);
1517
- background-color: var(--mantine-color-body);
1518
- display: flex;
1519
- align-items: center;
1520
- justify-content: center;
1521
- top: calc(var(--bq-icon-size) / -2);
1522
- left: var(--_bq-icon-left, calc(var(--bq-icon-size) / -2));
1523
- right: var(--_bq-icon-right, 0);
1524
- width: var(--bq-icon-size);
1525
- height: var(--bq-icon-size);
1526
- border-radius: var(--bq-icon-size);
1527
- }
1528
-
1529
- [dir="rtl"] .mantine-OY7Gota {
1530
- --_bq-icon-left: 0;
1531
- --_bq-icon-right: calc(var(--bq-icon-size) / -2);
1532
- }
1533
-
1534
- .mantine-PxBRqGd {
1535
- display: block;
1536
- margin-top: var(--mantine-spacing-md);
1537
- opacity: 0.6;
1538
- font-size: 85%;
1539
- }
1540
-
1541
- .mantine-DpaSRWv {
1542
- display: flex;
1543
- align-items: center;
1544
- }
1545
-
1546
- .mantine-Xf5Xl8f {
1547
- line-height: 1;
1548
- white-space: nowrap;
1549
- -webkit-tap-highlight-color: transparent;
1550
- }
1551
-
1552
- .mantine-ixC9ZM7 {
1553
- margin-left: var(--bc-separator-margin);
1554
- margin-right: var(--bc-separator-margin);
1555
- color: var(--_separator-color);
1556
- line-height: 1;
1557
- display: flex;
1558
- align-items: center;
1559
- justify-content: center;
1560
- }
1561
-
1562
- [data-mantine-color-scheme='light'] .mantine-ixC9ZM7 {
1563
- --_separator-color: var(--mantine-color-gray-7);
1564
- }
1565
-
1566
- @media (prefers-color-scheme: light) {
1567
-
1568
- .mantine-ixC9ZM7 {
1569
- --_separator-color: var(--mantine-color-gray-7);
1570
- }
1571
- }
1572
-
1573
- [data-mantine-color-scheme='dark'] .mantine-ixC9ZM7 {
1574
- --_separator-color: var(--mantine-color-dark-2);
1575
- }
1576
-
1577
- @media (prefers-color-scheme: dark) {
1578
-
1579
- .mantine-ixC9ZM7 {
1580
- --_separator-color: var(--mantine-color-dark-2);
1581
- }
1582
- }
1583
-
1584
- .mantine-PpER79h {
1585
- --burger-size-xs: calc(0.75rem * var(--mantine-scale));
1586
- --burger-size-sm: calc(1.125rem * var(--mantine-scale));
1587
- --burger-size-md: calc(1.5rem * var(--mantine-scale));
1588
- --burger-size-lg: calc(2.125rem * var(--mantine-scale));
1589
- --burger-size-xl: calc(2.625rem * var(--mantine-scale));
1590
-
1591
- width: calc(var(--burger-size) + var(--mantine-spacing-xs));
1592
- height: calc(var(--burger-size) + var(--mantine-spacing-xs));
1593
- padding: calc(var(--mantine-spacing-xs) / 2);
1594
- cursor: pointer;
1595
-
1596
- --_burger-color: var(--burger-color, var(--__burger-color));
1597
- }
1598
-
1599
- [data-mantine-color-scheme='light'] .mantine-PpER79h {
1600
- --__burger-color: var(--mantine-color-black);
1601
- }
1602
-
1603
- @media (prefers-color-scheme: light) {
1604
-
1605
- .mantine-PpER79h {
1606
- --__burger-color: var(--mantine-color-black);
1607
- }
1608
- }
1609
-
1610
- [data-mantine-color-scheme='dark'] .mantine-PpER79h {
1611
- --__burger-color: var(--mantine-color-white);
1612
- }
1613
-
1614
- @media (prefers-color-scheme: dark) {
1615
-
1616
- .mantine-PpER79h {
1617
- --__burger-color: var(--mantine-color-white);
1618
- }
1619
- }
1620
-
1621
- .mantine-VLigGGW {
1622
- position: relative;
1623
- user-select: none;
1624
- }
1625
-
1626
- .mantine-VLigGGW,
1627
- .mantine-VLigGGW::before,
1628
- .mantine-VLigGGW::after {
1629
- display: block;
1630
- width: var(--burger-size);
1631
- height: calc(var(--burger-size) / 12);
1632
- background-color: var(--_burger-color);
1633
- outline: calc(0.0625rem * var(--mantine-scale)) solid transparent;
1634
- transition-property: background-color, transform;
1635
- transition-duration: var(--burger-transition-duration);
1636
- transition-timing-function: var(--burger-transition-timing-function);
1637
- }
1638
-
1639
- .mantine-VLigGGW::before,
1640
- .mantine-VLigGGW::after {
1641
- position: absolute;
1642
- content: '';
1643
- left: 0;
1644
- }
1645
-
1646
- .mantine-VLigGGW::before {
1647
- top: calc(var(--burger-size) / -3);
1648
- }
1649
-
1650
- .mantine-VLigGGW::after {
1651
- top: calc(var(--burger-size) / 3);
1652
- }
1653
-
1654
- .mantine-VLigGGW[data-opened] {
1655
- background-color: transparent;
1656
- }
1657
-
1658
- .mantine-VLigGGW[data-opened]::before {
1659
- transform: translateY(calc(var(--burger-size) / 3)) rotate(45deg);
1660
- }
1661
-
1662
- .mantine-VLigGGW[data-opened]::after {
1663
- transform: translateY(calc(var(--burger-size) / -3)) rotate(-45deg);
1664
- }
1665
-
1666
- .mantine-VaCj17A {
1667
- display: flex;
1668
- }
1669
-
1670
- .mantine-VaCj17A[data-orientation='horizontal'] {
1671
- flex-direction: row;
1672
- }
1673
-
1674
- .mantine-VaCj17A[data-orientation='horizontal'] [data-button]:not(:only-child):first-child {
1675
- border-bottom-right-radius: 0;
1676
- border-top-right-radius: 0;
1677
- border-right-width: calc(var(--button-border-width) / 2);
1678
- }
1679
-
1680
- .mantine-VaCj17A[data-orientation='horizontal'] [data-button]:not(:only-child):last-child {
1681
- border-bottom-left-radius: 0;
1682
- border-top-left-radius: 0;
1683
- border-left-width: calc(var(--button-border-width) / 2);
1684
- }
1685
-
1686
- .mantine-VaCj17A[data-orientation='horizontal'] [data-button]:not(:only-child):not(:first-child):not(:last-child) {
1687
- border-radius: 0;
1688
- border-right-width: calc(var(--button-border-width) / 2);
1689
- border-left-width: calc(var(--button-border-width) / 2);
1690
- }
1691
-
1692
- .mantine-VaCj17A[data-orientation='vertical'] {
1693
- flex-direction: column;
1694
- }
1695
-
1696
- .mantine-VaCj17A[data-orientation='vertical'] [data-button]:not(:only-child):first-child {
1697
- border-bottom-left-radius: 0;
1698
- border-bottom-right-radius: 0;
1699
- border-bottom-width: calc(var(--button-border-width) / 2);
1700
- }
1701
-
1702
- .mantine-VaCj17A[data-orientation='vertical'] [data-button]:not(:only-child):last-child {
1703
- border-top-left-radius: 0;
1704
- border-top-right-radius: 0;
1705
- border-top-width: calc(var(--button-border-width) / 2);
1706
- }
1707
-
1708
- .mantine-VaCj17A[data-orientation='vertical'] [data-button]:not(:only-child):not(:first-child):not(:last-child) {
1709
- border-radius: 0;
1710
- border-bottom-width: calc(var(--button-border-width) / 2);
1711
- border-top-width: calc(var(--button-border-width) / 2);
1712
- }
1713
-
1714
- .mantine-c33yiTy {
1715
- --button-height-xs: calc(1.875rem * var(--mantine-scale));
1716
- --button-height-sm: calc(2.25rem * var(--mantine-scale));
1717
- --button-height-md: calc(2.625rem * var(--mantine-scale));
1718
- --button-height-lg: calc(3.125rem * var(--mantine-scale));
1719
- --button-height-xl: calc(3.75rem * var(--mantine-scale));
1720
-
1721
- --button-height-compact-xs: calc(1.375rem * var(--mantine-scale));
1722
- --button-height-compact-sm: calc(1.625rem * var(--mantine-scale));
1723
- --button-height-compact-md: calc(1.875rem * var(--mantine-scale));
1724
- --button-height-compact-lg: calc(2.125rem * var(--mantine-scale));
1725
- --button-height-compact-xl: calc(2.5rem * var(--mantine-scale));
1726
-
1727
- --button-padding-x-xs: calc(0.875rem * var(--mantine-scale));
1728
- --button-padding-x-sm: calc(1.125rem * var(--mantine-scale));
1729
- --button-padding-x-md: calc(1.375rem * var(--mantine-scale));
1730
- --button-padding-x-lg: calc(1.625rem * var(--mantine-scale));
1731
- --button-padding-x-xl: calc(2rem * var(--mantine-scale));
1732
-
1733
- --button-padding-x-compact-xs: calc(0.4375rem * var(--mantine-scale));
1734
- --button-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale));
1735
- --button-padding-x-compact-md: calc(0.625rem * var(--mantine-scale));
1736
- --button-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale));
1737
- --button-padding-x-compact-xl: calc(0.875rem * var(--mantine-scale));
1738
-
1739
- user-select: none;
1740
- font-weight: 600;
1741
- position: relative;
1742
- line-height: 1;
1743
- text-align: center;
1744
-
1745
- width: var(--_button-width, auto);
1746
- cursor: var(--_button-cursor, pointer);
1747
- display: var(--_button-display, inline-block);
1748
- border-radius: var(--button-radius);
1749
- font-size: var(--button-fz);
1750
- background: var(--_button-bg, var(--button-bg));
1751
- border: var(--_button-bd, var(--button-bd));
1752
- color: var(--_button-color, var(--button-color));
1753
- height: var(--button-height);
1754
- padding-left: var(--_button-padding-left, var(--button-padding-x));
1755
- padding-right: var(--_button-padding-right, var(--button-padding-x));
1756
- }
1757
-
1758
- .mantine-c33yiTy[data-block] {
1759
- --_button-display: block;
1760
- --_button-width: 100%;
1761
- }
1762
-
1763
- .mantine-c33yiTy[data-with-left-section] {
1764
- --_button-padding-left: calc(var(--button-padding-x) / 1.5);
1765
- }
1766
-
1767
- [dir="rtl"] .mantine-c33yiTy[data-with-left-section] {
1768
- --_button-padding-left: var(--button-padding-x);
1769
- --_button-padding-right: calc(var(--button-padding-x) / 1.5);
1770
- }
1771
-
1772
- .mantine-c33yiTy[data-with-right-section] {
1773
- --_button-padding-right: calc(var(--button-padding-x) / 1.5);
1774
- }
1775
-
1776
- [dir="rtl"] .mantine-c33yiTy[data-with-right-section] {
1777
- --_button-padding-right: var(--button-padding-x);
1778
- --_button-padding-left: calc(var(--button-padding-x) / 1.5);
1779
- }
1780
-
1781
- .mantine-c33yiTy:disabled:not([data-loading]),
1782
- .mantine-c33yiTy[data-disabled]:not([data-loading]) {
1783
- --_button-cursor: not-allowed;
1784
- --_button-bg: var(--_disabled-bg);
1785
- --_button-color: var(--_disabled-color);
1786
- transform: none;
1787
- }
1788
-
1789
- .mantine-c33yiTy[data-loading] {
1790
- --_button-cursor: not-allowed;
1791
-
1792
- transform: none;
1793
- }
1794
-
1795
- .mantine-c33yiTy[data-loading]::before {
1796
- content: '';
1797
- position: absolute;
1798
- inset: calc(-0.0625rem * var(--mantine-scale));
1799
- border-radius: var(--button-radius);
1800
- background-color: var(--_button-loading-overlay-bg);
1801
- }
1802
-
1803
- @media (hover: hover) {
1804
- .mantine-c33yiTy:hover:not([data-loading]):not(:disabled):not([data-disabled]) {
1805
- --_button-bg: var(--button-hover);
1806
- }
1807
- }
1808
-
1809
- @media (hover: none) {
1810
- .mantine-c33yiTy:active:not([data-loading]):not(:disabled):not([data-disabled]) {
1811
- --_button-bg: var(--button-hover);
1812
- }
1813
- }
1814
-
1815
- [data-mantine-color-scheme='light'] .mantine-c33yiTy {
1816
- --_disabled-color: var(--mantine-color-gray-5);
1817
- --_disabled-bg: var(--mantine-color-gray-1);
1818
- --_button-loading-overlay-bg: rgba(255, 255, 255, 0.35);
1819
- }
1820
-
1821
- @media (prefers-color-scheme: light) {
1822
-
1823
- .mantine-c33yiTy {
1824
- --_disabled-color: var(--mantine-color-gray-5);
1825
- --_disabled-bg: var(--mantine-color-gray-1);
1826
- --_button-loading-overlay-bg: rgba(255, 255, 255, 0.35);
1827
- }
1828
- }
1829
-
1830
- [data-mantine-color-scheme='dark'] .mantine-c33yiTy {
1831
- --_disabled-color: var(--mantine-color-dark-3);
1832
- --_disabled-bg: var(--mantine-color-dark-6);
1833
- --_button-loading-overlay-bg: rgba(0, 0, 0, 0.35);
1834
- }
1835
-
1836
- @media (prefers-color-scheme: dark) {
1837
-
1838
- .mantine-c33yiTy {
1839
- --_disabled-color: var(--mantine-color-dark-3);
1840
- --_disabled-bg: var(--mantine-color-dark-6);
1841
- --_button-loading-overlay-bg: rgba(0, 0, 0, 0.35);
1842
- }
1843
- }
1844
-
1845
- .mantine-O2hyOF7 {
1846
- display: flex;
1847
- align-items: center;
1848
- justify-content: var(--button-justify, center);
1849
- height: 100%;
1850
- overflow: visible;
1851
- }
1852
-
1853
- .mantine-57Dsm73 {
1854
- white-space: nowrap;
1855
- height: 100%;
1856
- overflow: hidden;
1857
- display: flex;
1858
- align-items: center;
1859
- opacity: var(--_button-label-opacity, 1);
1860
- }
1861
-
1862
- .mantine-57Dsm73[data-loading] {
1863
- --_button-label-opacity: 0.2;
1864
- }
1865
-
1866
- .mantine-klSE8ka {
1867
- display: flex;
1868
- align-items: center;
1869
- margin-right: var(--_button-section-margin-right);
1870
- margin-left: var(--_button-section-margin-left);
1871
- }
1872
-
1873
- .mantine-klSE8ka[data-position='left'] {
1874
- --_button-section-margin-right: var(--mantine-spacing-xs);
1875
- }
1876
-
1877
- [dir="rtl"] .mantine-klSE8ka[data-position='left'] {
1878
- --_button-section-margin-right: 0;
1879
- --_button-section-margin-left: var(--mantine-spacing-xs);
1880
- }
1881
-
1882
- .mantine-klSE8ka[data-position='right'] {
1883
- --_button-section-margin-left: var(--mantine-spacing-xs);
1884
- }
1885
-
1886
- [dir="rtl"] .mantine-klSE8ka[data-position='right'] {
1887
- --_button-section-margin-left: 0;
1888
- --_button-section-margin-right: var(--mantine-spacing-xs);
1889
- }
1890
-
1891
- .mantine-2p4-weR {
1892
- position: absolute;
1893
- left: 50%;
1894
- top: 50%;
1895
- transform: translate(-50%, -50%);
1896
- }
1897
-
1898
- .mantine-FiYZkHS {
1899
- display: var(--center-display);
1900
- align-items: center;
1901
- justify-content: center;
1902
- }
1903
-
1904
- .mantine-pIzHFb4 {
1905
- font-family: var(--mantine-font-family-monospace);
1906
- line-height: var(--mantine-line-height);
1907
- padding: var(--_code-padding, calc(0.125rem * var(--mantine-scale)) calc(var(--mantine-spacing-xs) / 2));
1908
- border-radius: var(--mantine-radius-sm);
1909
- font-size: var(--mantine-font-size-xs);
1910
- background-color: var(--_code-bg);
1911
- color: var(--_code-color);
1912
- margin: 0;
1913
- overflow: auto;
1914
- }
1915
-
1916
- [data-mantine-color-scheme='light'] .mantine-pIzHFb4 {
1917
- --_code-bg: var(--code-bg, var(--mantine-color-gray-1));
1918
- --_code-color: var(--mantine-color-black);
1919
- }
1920
-
1921
- @media (prefers-color-scheme: light) {
1922
-
1923
- .mantine-pIzHFb4 {
1924
- --_code-bg: var(--code-bg, var(--mantine-color-gray-1));
1925
- --_code-color: var(--mantine-color-black);
1926
- }
1927
- }
1928
-
1929
- [data-mantine-color-scheme='dark'] .mantine-pIzHFb4 {
1930
- --_code-bg: var(--code-bg, var(--mantine-color-dark-5));
1931
- --_code-color: var(--mantine-color-white);
1932
- }
1933
-
1934
- @media (prefers-color-scheme: dark) {
1935
-
1936
- .mantine-pIzHFb4 {
1937
- --_code-bg: var(--code-bg, var(--mantine-color-dark-5));
1938
- --_code-color: var(--mantine-color-white);
1939
- }
1940
- }
1941
-
1942
- .mantine-pIzHFb4[data-block] {
1943
- --_code-padding: var(--mantine-spacing-xs);
1944
- }
1945
-
1946
- .mantine-NrgS8tw {
1947
- -webkit-tap-highlight-color: transparent;
1948
- border: none;
1949
- appearance: none;
1950
- display: block;
1951
- line-height: 1;
1952
- position: relative;
1953
- width: var(--cs-size);
1954
- height: var(--cs-size);
1955
- min-width: var(--cs-size);
1956
- min-height: var(--cs-size);
1957
- border-radius: var(--cs-radius);
1958
- color: inherit;
1959
- text-decoration: none;
1960
- }
1961
-
1962
- [data-mantine-color-scheme='light'] .mantine-NrgS8tw {
1963
- --_alpha-overlay-color: var(--mantine-color-gray-3);
1964
- --_alpha-overlay-bg: var(--mantine-color-white);
1965
- }
1966
-
1967
- @media (prefers-color-scheme: light) {
1968
-
1969
- .mantine-NrgS8tw {
1970
- --_alpha-overlay-color: var(--mantine-color-gray-3);
1971
- --_alpha-overlay-bg: var(--mantine-color-white);
1972
- }
1973
- }
1974
-
1975
- [data-mantine-color-scheme='dark'] .mantine-NrgS8tw {
1976
- --_alpha-overlay-color: var(--mantine-color-dark-4);
1977
- --_alpha-overlay-bg: var(--mantine-color-dark-7);
1978
- }
1979
-
1980
- @media (prefers-color-scheme: dark) {
1981
-
1982
- .mantine-NrgS8tw {
1983
- --_alpha-overlay-color: var(--mantine-color-dark-4);
1984
- --_alpha-overlay-bg: var(--mantine-color-dark-7);
1985
- }
1986
- }
1987
-
1988
- .mantine-HF00v22 {
1989
- position: absolute;
1990
- inset: 0;
1991
- border-radius: var(--cs-radius);
1992
- }
1993
-
1994
- .mantine-Prv63wq {
1995
- position: absolute;
1996
- inset: 0;
1997
- border-radius: var(--cs-radius);
1998
- z-index: 1;
1999
- box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 calc(0.0625rem * var(--mantine-scale)) inset, rgb(0, 0, 0, 0.15) 0 0 calc(0.25rem * var(--mantine-scale)) inset;
2000
- }
2001
-
2002
- .mantine-moWfGYP {
2003
- position: absolute;
2004
- inset: 0;
2005
- border-radius: var(--cs-radius);
2006
- background-size: calc(0.5rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
2007
- background-position: 0 0, 0 calc(0.25rem * var(--mantine-scale)), calc(0.25rem * var(--mantine-scale)) calc(-0.25rem * var(--mantine-scale)), calc(-0.25rem * var(--mantine-scale)) 0;
2008
- background-image: linear-gradient(45deg, var(--_alpha-overlay-color) 25%, transparent 25%),
2009
- linear-gradient(-45deg, var(--_alpha-overlay-color) 25%, transparent 25%),
2010
- linear-gradient(45deg, transparent 75%, var(--_alpha-overlay-color) 75%),
2011
- linear-gradient(-45deg, var(--_alpha-overlay-bg) 75%, var(--_alpha-overlay-color) 75%);
2012
- }
2013
-
2014
- .mantine-r5DDD9D {
2015
- position: absolute;
2016
- inset: 0;
2017
- border-radius: var(--cs-radius);
2018
- z-index: 2;
2019
- display: flex;
2020
- align-items: center;
2021
- justify-content: center;
2022
- }
2023
-
2024
- .mantine-RhoTzer {
2025
- --cp-width-xs: calc(11.25rem * var(--mantine-scale));
2026
- --cp-width-sm: calc(12.5rem * var(--mantine-scale));
2027
- --cp-width-md: calc(15rem * var(--mantine-scale));
2028
- --cp-width-lg: calc(17.5rem * var(--mantine-scale));
2029
- --cp-width-xl: calc(20rem * var(--mantine-scale));
2030
-
2031
- --cp-preview-size-xs: calc(1.625rem * var(--mantine-scale));
2032
- --cp-preview-size-sm: calc(2.125rem * var(--mantine-scale));
2033
- --cp-preview-size-md: calc(2.625rem * var(--mantine-scale));
2034
- --cp-preview-size-lg: calc(3.125rem * var(--mantine-scale));
2035
- --cp-preview-size-xl: calc(3.375rem * var(--mantine-scale));
2036
-
2037
- --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
2038
- --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
2039
- --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
2040
- --cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));
2041
- --cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));
2042
-
2043
- --cp-saturation-height-xs: calc(6.25rem * var(--mantine-scale));
2044
- --cp-saturation-height-sm: calc(6.875rem * var(--mantine-scale));
2045
- --cp-saturation-height-md: calc(7.5rem * var(--mantine-scale));
2046
- --cp-saturation-height-lg: calc(8.75rem * var(--mantine-scale));
2047
- --cp-saturation-height-xl: calc(10rem * var(--mantine-scale));
2048
-
2049
- width: var(--cp-width);
2050
- padding: calc(0.0625rem * var(--mantine-scale));
2051
- }
2052
-
2053
- .mantine-v16j2jS {
2054
- width: var(--cp-preview-size);
2055
- height: var(--cp-preview-size);
2056
- }
2057
-
2058
- .mantine-CUkJfqd {
2059
- display: flex;
2060
- padding-top: calc(var(--cp-body-spacing) / 2);
2061
- }
2062
-
2063
- .mantine-bzrGvmu {
2064
- flex: 1;
2065
- }
2066
-
2067
- .mantine-bzrGvmu:not(:only-child) {
2068
- margin-right: var(--mantine-spacing-xs);
2069
- }
2070
-
2071
- .mantine-DJZAmcN {
2072
- overflow: hidden;
2073
- position: absolute;
2074
- box-shadow: 0 0 calc(0.0625rem * var(--mantine-scale)) rgba(0, 0, 0, 0.6);
2075
- border: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-white);
2076
- width: var(--cp-thumb-size);
2077
- height: var(--cp-thumb-size);
2078
- border-radius: var(--cp-thumb-size);
2079
- outline: var(--_outline);
2080
- left: calc(var(--_thumb-x-offset) - var(--cp-thumb-size) / 2);
2081
- top: calc(var(--_thumb-y-offset) - var(--cp-thumb-size) / 2);
2082
- }
2083
-
2084
- .mantine-mSFZEpu {
2085
- height: 0;
2086
- margin: calc(0.125rem * var(--mantine-scale));
2087
- cursor: pointer;
2088
- width: calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
2089
- padding-bottom: calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
2090
- min-width: 0;
2091
- min-height: 0;
2092
- }
2093
-
2094
- .mantine-CPxyKG9 {
2095
- margin-top: calc(0.3125rem * var(--mantine-scale));
2096
- margin-left: calc(-0.125rem * var(--mantine-scale));
2097
- margin-right: calc(-0.125rem * var(--mantine-scale));
2098
- display: flex;
2099
- flex-wrap: wrap;
2100
- }
2101
-
2102
- .mantine-TPZ71OH {
2103
- -webkit-tap-highlight-color: transparent;
2104
- position: relative;
2105
- height: var(--cp-saturation-height);
2106
- border-radius: var(--mantine-radius-sm);
2107
- margin: calc(var(--cp-thumb-size) / 2);
2108
- }
2109
-
2110
- .mantine-TPZ71OH[data-focus-ring='auto']:focus:focus-visible .mantine-DJZAmcN {
2111
- --_outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
2112
- }
2113
-
2114
- .mantine-TPZ71OH[data-focus-ring='always']:focus .mantine-DJZAmcN {
2115
- --_outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
2116
- }
2117
-
2118
- .mantine-8lc2iAe {
2119
- position: absolute;
2120
- border-radius: var(--mantine-radius-sm);
2121
- inset: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
2122
- }
2123
-
2124
- .mantine-PKmOErI {
2125
- position: relative;
2126
- height: calc(var(--cp-thumb-size) + calc(0.125rem * var(--mantine-scale)));
2127
- margin-left: calc(var(--cp-thumb-size) / 2);
2128
- margin-right: calc(var(--cp-thumb-size) / 2);
2129
- outline: none;
2130
- }
2131
-
2132
- .mantine-PKmOErI + .mantine-PKmOErI {
2133
- margin-top: calc(0.375rem * var(--mantine-scale));
2134
- }
2135
-
2136
- .mantine-PKmOErI[data-focus-ring='auto']:focus:focus-visible .mantine-DJZAmcN {
2137
- --_outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
2138
- }
2139
-
2140
- .mantine-PKmOErI[data-focus-ring='always']:focus .mantine-DJZAmcN {
2141
- --_outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
2142
- }
2143
-
2144
- [data-mantine-color-scheme='light'] .mantine-PKmOErI {
2145
- --_slider-checkers: var(--mantine-color-gray-3);
2146
- }
2147
-
2148
- @media (prefers-color-scheme: light) {
2149
-
2150
- .mantine-PKmOErI {
2151
- --_slider-checkers: var(--mantine-color-gray-3);
2152
- }
2153
- }
2154
-
2155
- [data-mantine-color-scheme='dark'] .mantine-PKmOErI {
2156
- --_slider-checkers: var(--mantine-color-dark-4);
2157
- }
2158
-
2159
- @media (prefers-color-scheme: dark) {
2160
-
2161
- .mantine-PKmOErI {
2162
- --_slider-checkers: var(--mantine-color-dark-4);
2163
- }
2164
- }
2165
-
2166
- .mantine-MQUCZVH {
2167
- position: absolute;
2168
- top: 0;
2169
- bottom: 0;
2170
- left: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
2171
- right: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
2172
- border-radius: 10000rem;
2173
- }
2174
-
2175
- .mantine-jQnfD5v {
2176
- --container-size-xs: calc(33.75rem * var(--mantine-scale));
2177
- --container-size-sm: calc(45rem * var(--mantine-scale));
2178
- --container-size-md: calc(60rem * var(--mantine-scale));
2179
- --container-size-lg: calc(71.25rem * var(--mantine-scale));
2180
- --container-size-xl: calc(82.5rem * var(--mantine-scale));
2181
-
2182
- padding-left: var(--mantine-spacing-md);
2183
- padding-right: var(--mantine-spacing-md);
2184
- max-width: var(--container-size);
2185
- margin-left: auto;
2186
- margin-right: auto;
2187
- }
2188
-
2189
- .mantine-uP4C4WW {
2190
- --divider-size-xs: calc(0.0625rem * var(--mantine-scale));
2191
- --divider-size-sm: calc(0.125rem * var(--mantine-scale));
2192
- --divider-size-md: calc(0.1875rem * var(--mantine-scale));
2193
- --divider-size-lg: calc(0.25rem * var(--mantine-scale));
2194
- --divider-size-xl: calc(0.3125rem * var(--mantine-scale));
2195
- }
2196
-
2197
- [data-mantine-color-scheme='light'] .mantine-uP4C4WW {
2198
- --_divider-color: var(--mantine-color-gray-4);
2199
- }
2200
-
2201
- @media (prefers-color-scheme: light) {
2202
-
2203
- .mantine-uP4C4WW {
2204
- --_divider-color: var(--mantine-color-gray-4);
2205
- }
2206
- }
2207
-
2208
- [data-mantine-color-scheme='dark'] .mantine-uP4C4WW {
2209
- --_divider-color: var(--mantine-color-dark-4);
2210
- }
2211
-
2212
- @media (prefers-color-scheme: dark) {
2213
-
2214
- .mantine-uP4C4WW {
2215
- --_divider-color: var(--mantine-color-dark-4);
2216
- }
2217
- }
2218
-
2219
- .mantine-uP4C4WW[data-orientation='horizontal'] {
2220
- border-top: var(--divider-size) var(--divider-border-style, solid)
2221
- var(--divider-color, var(--_divider-color));
2222
- }
2223
-
2224
- .mantine-uP4C4WW[data-orientation='vertical'] {
2225
- border-left: var(--divider-size) var(--divider-border-style, solid)
2226
- var(--divider-color, var(--_divider-color));
2227
- height: auto;
2228
- align-self: stretch;
2229
- }
2230
-
2231
- .mantine-uP4C4WW[data-with-label] {
2232
- border: 0;
2233
- }
2234
-
2235
- .mantine--fjjU6c {
2236
- display: flex;
2237
- align-items: center;
2238
- font-size: var(--mantine-font-size-xs);
2239
- color: var(--divider-color, var(--mantine-color-dimmed));
2240
- white-space: nowrap;
2241
- }
2242
-
2243
- .mantine--fjjU6c[data-position='left']::before {
2244
- display: none;
2245
- }
2246
-
2247
- .mantine--fjjU6c[data-position='right']::after {
2248
- display: none;
2249
- }
2250
-
2251
- .mantine--fjjU6c::before {
2252
- content: '';
2253
- flex: 1;
2254
- height: calc(0.0625rem * var(--mantine-scale));
2255
- border-top: var(--divider-size) var(--divider-border-style, solid)
2256
- var(--divider-color, var(--_divider-color));
2257
- margin-right: var(--mantine-spacing-xs);
2258
- }
2259
-
2260
- [dir="rtl"] .mantine--fjjU6c::before {
2261
- margin-right: 0;
2262
- margin-left: var(--mantine-spacing-xs);
2263
- }
2264
-
2265
- .mantine--fjjU6c::after {
2266
- content: '';
2267
- flex: 1;
2268
- height: calc(0.0625rem * var(--mantine-scale));
2269
- border-top: var(--divider-size) var(--divider-border-style, solid)
2270
- var(--divider-color, var(--_divider-color));
2271
- margin-left: var(--mantine-spacing-xs);
2272
- }
2273
-
2274
- [dir="rtl"] .mantine--fjjU6c::after {
2275
- margin-left: 0;
2276
- margin-right: var(--mantine-spacing-xs);
2277
- }
2278
-
2279
- .mantine-SGOzUCS {
2280
- display: flex;
2281
- flex-direction: row;
2282
- flex-wrap: var(--group-wrap, wrap);
2283
- justify-content: var(--group-justify);
2284
- align-items: var(--group-align);
2285
- gap: var(--group-gap);
2286
- }
2287
-
2288
- .mantine-SGOzUCS[data-grow] > * {
2289
- flex-grow: 1;
2290
- max-width: var(--group-child-width);
2291
- }
2292
-
2293
- .mantine--7TY0Qe {
2294
- background-color: var(--_mark-bg);
2295
- color: var(--_mark-color);
2296
- }
2297
-
2298
- [data-mantine-color-scheme='light'] .mantine--7TY0Qe {
2299
- --_mark-bg: var(--mark-bg-light);
2300
- --_mark-color: inherit;
2301
- }
2302
-
2303
- @media (prefers-color-scheme: light) {
2304
-
2305
- .mantine--7TY0Qe {
2306
- --_mark-bg: var(--mark-bg-light);
2307
- --_mark-color: inherit;
2308
- }
2309
- }
2310
-
2311
- [data-mantine-color-scheme='dark'] .mantine--7TY0Qe {
2312
- --_mark-bg: var(--mark-bg-dark);
2313
- --_mark-color: var(--mantine-color-dark-9);
2314
- }
2315
-
2316
- @media (prefers-color-scheme: dark) {
2317
-
2318
- .mantine--7TY0Qe {
2319
- --_mark-bg: var(--mark-bg-dark);
2320
- --_mark-color: var(--mantine-color-dark-9);
2321
- }
2322
- }
2323
-
2324
- .mantine-k-roXEr {
2325
- line-height: var(--mantine-line-height);
2326
- }
2327
-
2328
- .mantine-BMQXnww {
2329
- display: inline-block;
2330
- font-weight: 500;
2331
- word-break: break-word;
2332
- cursor: default;
2333
- -webkit-tap-highlight-color: transparent;
2334
-
2335
- font-size: var(--input-label-size);
2336
- }
2337
-
2338
- .mantine-7gKrkkZ {
2339
- color: var(--input-asterisk-color);
2340
- }
2341
-
2342
- .mantine-mToQZGN,
2343
- .mantine-G6m1fCH {
2344
- word-wrap: break-word;
2345
- line-height: 1.2;
2346
- display: block;
2347
- margin: 0;
2348
- padding: 0;
2349
- }
2350
-
2351
- .mantine-mToQZGN {
2352
- color: var(--mantine-color-error);
2353
- font-size: var(--input-error-size);
2354
- }
2355
-
2356
- .mantine-G6m1fCH {
2357
- color: var(--mantine-color-dimmed);
2358
- font-size: var(--input-description-size);
2359
- }
2360
-
2361
- .mantine-7YWxW9a {
2362
- color: var(--mantine-color-placeholder);
2363
- }
2364
-
2365
- .mantine-RqD0YyD {
2366
- position: relative;
2367
- margin-top: var(--input-margin-top, 0rem);
2368
- margin-bottom: var(--input-margin-bottom, 0rem);
2369
-
2370
- --input-height-xs: calc(1.875rem * var(--mantine-scale));
2371
- --input-height-sm: calc(2.25rem * var(--mantine-scale));
2372
- --input-height-md: calc(2.625rem * var(--mantine-scale));
2373
- --input-height-lg: calc(3.125rem * var(--mantine-scale));
2374
- --input-height-xl: calc(3.75rem * var(--mantine-scale));
2375
-
2376
- --input-padding-y-xs: calc(0.3125rem * var(--mantine-scale));
2377
- --input-padding-y-sm: calc(0.375rem * var(--mantine-scale));
2378
- --input-padding-y-md: calc(0.5rem * var(--mantine-scale));
2379
- --input-padding-y-lg: calc(0.625rem * var(--mantine-scale));
2380
- --input-padding-y-xl: calc(0.8125rem * var(--mantine-scale));
2381
-
2382
- --_input-cursor: text;
2383
- --_input-text-align: left;
2384
- --_input-line-height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
2385
- --_input-padding: calc(var(--input-height) / 3);
2386
- --_input-padding-left: var(--_input-padding);
2387
- --_input-padding-right: var(--_input-padding);
2388
- --_input-placeholder-color: var(--mantine-color-placeholder);
2389
- --_input-color: inherit;
2390
- --_input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))));
2391
- --_input-right-section-size: var(
2392
- --input-right-section-width,
2393
- calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)))
2394
- );
2395
- --_input-size: var(--input-height);
2396
-
2397
- --_section-y: calc(0.0625rem * var(--mantine-scale));
2398
- --_left-section-left: calc(0.0625rem * var(--mantine-scale));
2399
- --_left-section-right: unset;
2400
- --_left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
2401
-
2402
- --_right-section-left: unset;
2403
- --_right-section-right: calc(0.0625rem * var(--mantine-scale));
2404
- --_right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
2405
- }
2406
-
2407
- .mantine-RqD0YyD[data-pointer] {
2408
- --_input-cursor: pointer;
2409
- }
2410
-
2411
- .mantine-RqD0YyD[data-multiline] {
2412
- --_input-size: auto;
2413
- --_input-line-height: var(--mantine-line-height);
2414
- }
2415
-
2416
- .mantine-RqD0YyD[data-variant='unstyled'] {
2417
- --input-padding: 0;
2418
- --input-padding-y: 0;
2419
- }
2420
-
2421
- .mantine-RqD0YyD[data-with-left-section] {
2422
- --_input-padding-left: var(--_input-left-section-size);
2423
- }
2424
-
2425
- [dir="rtl"] .mantine-RqD0YyD[data-with-left-section] {
2426
- --_input-padding-right: var(--_input-left-section-size);
2427
- }
2428
-
2429
- .mantine-RqD0YyD[data-with-right-section] {
2430
- --_input-padding-right: var(--_input-right-section-size);
2431
- }
2432
-
2433
- [dir="rtl"] .mantine-RqD0YyD[data-with-right-section] {
2434
- --_input-padding-left: var(--_input-right-section-size);
2435
- }
2436
-
2437
- [data-mantine-color-scheme='light'] .mantine-RqD0YyD {
2438
- --_input-disabled-bg: var(--mantine-color-gray-1);
2439
- --_input-disabled-color: var(--mantine-color-gray-6);
2440
- }
2441
-
2442
- [data-mantine-color-scheme='light'] .mantine-RqD0YyD[data-variant='default'] {
2443
- --_input-bd: var(--mantine-color-gray-4);
2444
- --_input-bg: var(--mantine-color-white);
2445
- --_input-bd-focus: var(--mantine-color-primary);
2446
- }
2447
-
2448
- [data-mantine-color-scheme='light'] .mantine-RqD0YyD[data-variant='filled'] {
2449
- --_input-bd: transparent;
2450
- --_input-bg: var(--mantine-color-gray-1);
2451
- --_input-bd-focus: var(--mantine-color-primary);
2452
- }
2453
-
2454
- [data-mantine-color-scheme='light'] .mantine-RqD0YyD[data-variant='unstyled'] {
2455
- --_input-bd: transparent;
2456
- --_input-bg: transparent;
2457
- --_input-bd-focus: transparent;
2458
- }
2459
-
2460
- @media (prefers-color-scheme: light) {
2461
-
2462
- .mantine-RqD0YyD {
2463
- --_input-disabled-bg: var(--mantine-color-gray-1);
2464
- --_input-disabled-color: var(--mantine-color-gray-6);
2465
- }
2466
-
2467
- .mantine-RqD0YyD[data-variant='default'] {
2468
- --_input-bd: var(--mantine-color-gray-4);
2469
- --_input-bg: var(--mantine-color-white);
2470
- --_input-bd-focus: var(--mantine-color-primary);
2471
- }
2472
-
2473
- .mantine-RqD0YyD[data-variant='filled'] {
2474
- --_input-bd: transparent;
2475
- --_input-bg: var(--mantine-color-gray-1);
2476
- --_input-bd-focus: var(--mantine-color-primary);
2477
- }
2478
-
2479
- .mantine-RqD0YyD[data-variant='unstyled'] {
2480
- --_input-bd: transparent;
2481
- --_input-bg: transparent;
2482
- --_input-bd-focus: transparent;
2483
- }
2484
- }
2485
-
2486
- [data-mantine-color-scheme='dark'] .mantine-RqD0YyD {
2487
- --_input-disabled-bg: var(--mantine-color-dark-6);
2488
- --_input-disabled-color: var(--mantine-color-dark-2);
2489
- }
2490
-
2491
- [data-mantine-color-scheme='dark'] .mantine-RqD0YyD[data-variant='default'] {
2492
- --_input-bd: var(--mantine-color-dark-4);
2493
- --_input-bg: var(--mantine-color-dark-6);
2494
- --_input-bd-focus: var(--mantine-color-primary);
2495
- }
2496
-
2497
- [data-mantine-color-scheme='dark'] .mantine-RqD0YyD[data-variant='filled'] {
2498
- --_input-bd: transparent;
2499
- --_input-bg: var(--mantine-color-dark-5);
2500
- --_input-bd-focus: var(--mantine-color-primary);
2501
- }
2502
-
2503
- [data-mantine-color-scheme='dark'] .mantine-RqD0YyD[data-variant='unstyled'] {
2504
- --_input-bd: transparent;
2505
- --_input-bg: transparent;
2506
- --_input-bd-focus: transparent;
2507
- }
2508
-
2509
- @media (prefers-color-scheme: dark) {
2510
-
2511
- .mantine-RqD0YyD {
2512
- --_input-disabled-bg: var(--mantine-color-dark-6);
2513
- --_input-disabled-color: var(--mantine-color-dark-2);
2514
- }
2515
-
2516
- .mantine-RqD0YyD[data-variant='default'] {
2517
- --_input-bd: var(--mantine-color-dark-4);
2518
- --_input-bg: var(--mantine-color-dark-6);
2519
- --_input-bd-focus: var(--mantine-color-primary);
2520
- }
2521
-
2522
- .mantine-RqD0YyD[data-variant='filled'] {
2523
- --_input-bd: transparent;
2524
- --_input-bg: var(--mantine-color-dark-5);
2525
- --_input-bd-focus: var(--mantine-color-primary);
2526
- }
2527
-
2528
- .mantine-RqD0YyD[data-variant='unstyled'] {
2529
- --_input-bd: transparent;
2530
- --_input-bg: transparent;
2531
- --_input-bd-focus: transparent;
2532
- }
2533
- }
2534
-
2535
- [data-mantine-color-scheme] .mantine-RqD0YyD[data-error] {
2536
- --_input-bd: var(--mantine-color-error);
2537
- --_input-color: var(--mantine-color-error);
2538
- --_input-placeholder-color: var(--mantine-color-error);
2539
- --_input-section-color: var(--mantine-color-error);
2540
- }
2541
-
2542
- [dir="rtl"] .mantine-RqD0YyD {
2543
- --_input-text-align: right;
2544
- --_left-section-left: unset;
2545
- --_left-section-right: calc(0.0625rem * var(--mantine-scale));
2546
- --_left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
2547
- --_right-section-left: calc(0.0625rem * var(--mantine-scale));
2548
- --_right-section-right: unset;
2549
- --_right-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
2550
- }
2551
-
2552
- .mantine-SbVPkHB {
2553
- -webkit-tap-highlight-color: transparent;
2554
- appearance: none;
2555
- resize: none;
2556
- display: block;
2557
- width: 100%;
2558
- transition: border-color 100ms ease;
2559
-
2560
- text-align: var(--_input-text-align);
2561
- color: var(--_input-color);
2562
- border: calc(0.0625rem * var(--mantine-scale)) solid var(--_input-bd);
2563
- background-color: var(--_input-bg);
2564
- font-family: var(--mantine-font-family);
2565
- height: var(--_input-size);
2566
- min-height: var(--input-height);
2567
- line-height: var(--_input-line-height);
2568
- font-size: var(--input-fz);
2569
- border-radius: var(--input-radius);
2570
- padding-left: var(--_input-padding-left);
2571
- padding-right: var(--_input-padding-right);
2572
- padding-top: var(--input-padding-y, 0rem);
2573
- padding-bottom: var(--input-padding-y, 0rem);
2574
- cursor: var(--_input-cursor);
2575
- }
2576
-
2577
- .mantine-SbVPkHB:focus,
2578
- .mantine-SbVPkHB:focus-within {
2579
- outline: none;
2580
- border-color: var(--_input-bd-focus);
2581
- }
2582
-
2583
- .mantine-SbVPkHB::placeholder {
2584
- color: var(--_input-placeholder-color);
2585
- opacity: 1;
2586
- }
2587
-
2588
- .mantine-SbVPkHB::-webkit-inner-spin-button,
2589
- .mantine-SbVPkHB::-webkit-outer-spin-button,
2590
- .mantine-SbVPkHB::-webkit-search-decoration,
2591
- .mantine-SbVPkHB::-webkit-search-cancel-button,
2592
- .mantine-SbVPkHB::-webkit-search-results-button,
2593
- .mantine-SbVPkHB::-webkit-search-results-decoration {
2594
- appearance: none;
2595
- }
2596
-
2597
- .mantine-SbVPkHB[type='number'] {
2598
- -moz-appearance: textfield;
2599
- }
2600
-
2601
- .mantine-SbVPkHB:disabled,
2602
- .mantine-SbVPkHB[data-disabled] {
2603
- cursor: not-allowed;
2604
- opacity: 0.6;
2605
- background-color: var(--_input-disabled-bg);
2606
- color: var(--_input-disabled-color);
2607
- }
2608
-
2609
- .mantine-gNNdAfw {
2610
- pointer-events: var(--_section-pointer-events);
2611
- position: absolute;
2612
- z-index: 1;
2613
- left: var(--_section-left);
2614
- right: var(--_section-right);
2615
- bottom: var(--_section-y);
2616
- top: var(--_section-y);
2617
- display: flex;
2618
- align-items: center;
2619
- justify-content: center;
2620
- width: var(--_section-size);
2621
- border-radius: var(--_section-border-radius);
2622
- color: var(--mantine-color-placeholder);
2623
- }
2624
-
2625
- .mantine-gNNdAfw[data-position='right'] {
2626
- --_section-pointer-events: var(--input-right-section-pointer-events);
2627
- --_section-left: var(--_right-section-left);
2628
- --_section-right: var(--_right-section-right);
2629
- --_section-size: var(--_input-right-section-size);
2630
- --_section-border-radius: var(--_right-section-border-radius);
2631
- }
2632
-
2633
- .mantine-gNNdAfw[data-position='left'] {
2634
- --_section-pointer-events: var(--input-left-section-pointer-events);
2635
- --_section-left: var(--_left-section-left);
2636
- --_section-right: var(--_left-section-right);
2637
- --_section-size: var(--_input-left-section-size);
2638
- --_section-border-radius: var(--_left-section-border-radius);
2639
- }
2640
-
2641
- .mantine-w2QLGBV {
2642
- --kbd-fz-xs: calc(0.625rem * var(--mantine-scale));
2643
- --kbd-fz-sm: calc(0.75rem * var(--mantine-scale));
2644
- --kbd-fz-md: calc(0.875rem * var(--mantine-scale));
2645
- --kbd-fz-lg: calc(1rem * var(--mantine-scale));
2646
- --kbd-fz-xl: calc(1.25rem * var(--mantine-scale));
2647
-
2648
- --kbd-padding-xs: calc(0.125rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
2649
- --kbd-padding-sm: calc(0.1875rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
2650
- --kbd-padding-md: calc(0.25rem * var(--mantine-scale)) calc(0.4375rem * var(--mantine-scale));
2651
- --kbd-padding-lg: calc(0.3125rem * var(--mantine-scale)) calc(0.5625rem * var(--mantine-scale));
2652
- --kbd-padding-xl: calc(0.5rem * var(--mantine-scale)) calc(0.875rem * var(--mantine-scale));
2653
-
2654
- font-family: var(--mantine-font-family-monospace);
2655
- line-height: var(--mantine-line-height);
2656
- font-weight: 700;
2657
- padding: var(--kbd-padding);
2658
- font-size: var(--kbd-fz);
2659
- border-radius: var(--mantine-radius-sm);
2660
- border: calc(0.0625rem * var(--mantine-scale)) solid var(--_kbd-border-color);
2661
- border-bottom-width: calc(0.1875rem * var(--mantine-scale));
2662
- background-color: var(--_kbd-bg);
2663
- color: var(--_kbd-color);
2664
- }
2665
-
2666
- [data-mantine-color-scheme='light'] .mantine-w2QLGBV {
2667
- --_kbd-border-color: var(--mantine-color-gray-3);
2668
- --_kbd-color: var(--mantine-color-gray-7);
2669
- --_kbd-bg: var(--mantine-color-gray-0);
2670
- }
2671
-
2672
- @media (prefers-color-scheme: light) {
2673
-
2674
- .mantine-w2QLGBV {
2675
- --_kbd-border-color: var(--mantine-color-gray-3);
2676
- --_kbd-color: var(--mantine-color-gray-7);
2677
- --_kbd-bg: var(--mantine-color-gray-0);
2678
- }
2679
- }
2680
-
2681
- [data-mantine-color-scheme='dark'] .mantine-w2QLGBV {
2682
- --_kbd-border-color: var(--mantine-color-dark-4);
2683
- --_kbd-color: var(--mantine-color-dark-0);
2684
- --_kbd-bg: var(--mantine-color-dark-5);
2685
- }
2686
-
2687
- @media (prefers-color-scheme: dark) {
2688
-
2689
- .mantine-w2QLGBV {
2690
- --_kbd-border-color: var(--mantine-color-dark-4);
2691
- --_kbd-color: var(--mantine-color-dark-0);
2692
- --_kbd-bg: var(--mantine-color-dark-5);
2693
- }
2694
- }
2695
-
2696
- .mantine--1TgA5h {
2697
- --combobox-chevron-size-xs: calc(0.875rem * var(--mantine-scale));
2698
- --combobox-chevron-size-sm: calc(1.125rem * var(--mantine-scale));
2699
- --combobox-chevron-size-md: calc(1.25rem * var(--mantine-scale));
2700
- --combobox-chevron-size-lg: calc(1.5rem * var(--mantine-scale));
2701
- --combobox-chevron-size-xl: calc(1.75rem * var(--mantine-scale));
2702
-
2703
- width: var(--combobox-chevron-size);
2704
- height: var(--combobox-chevron-size);
2705
- color: var(--_color);
2706
- }
2707
-
2708
- [data-mantine-color-scheme='light'] .mantine--1TgA5h {
2709
- --_color: var(--mantine-color-gray-6);
2710
- }
2711
-
2712
- @media (prefers-color-scheme: light) {
2713
-
2714
- .mantine--1TgA5h {
2715
- --_color: var(--mantine-color-gray-6);
2716
- }
2717
- }
2718
-
2719
- [data-mantine-color-scheme='dark'] .mantine--1TgA5h {
2720
- --_color: var(--mantine-color-dark-3);
2721
- }
2722
-
2723
- @media (prefers-color-scheme: dark) {
2724
-
2725
- .mantine--1TgA5h {
2726
- --_color: var(--mantine-color-dark-3);
2727
- }
2728
- }
2729
-
2730
- .mantine--1TgA5h[data-error] {
2731
- --_color: var(--mantine-color-error);
2732
- }
2733
-
2734
- .mantine-aUY-pnb {
2735
- inset: 0;
2736
- position: var(--_overlay-position, absolute);
2737
- background: var(--overlay-bg);
2738
- backdrop-filter: var(--overlay-filter);
2739
- border-radius: var(--overlay-radius);
2740
- z-index: var(--overlay-z-index);
2741
- }
2742
-
2743
- .mantine-aUY-pnb[data-fixed] {
2744
- --_overlay-position: fixed;
2745
- }
2746
-
2747
- .mantine-aUY-pnb[data-center] {
2748
- display: flex;
2749
- align-items: center;
2750
- justify-content: center;
2751
- }
2752
-
2753
- .mantine-lqpFSmK {
2754
- outline: 0;
2755
- -webkit-tap-highlight-color: transparent;
2756
- display: block;
2757
- touch-action: manipulation;
2758
- text-decoration: none;
2759
- border-radius: var(--paper-radius);
2760
- box-shadow: var(--paper-shadow);
2761
- background-color: var(--mantine-color-body);
2762
- border: var(--_paper-border-width, 0) solid var(--_paper-border-color, transparent);
2763
- }
2764
-
2765
- .mantine-lqpFSmK[data-with-border] {
2766
- --_paper-border-width: 1px;
2767
- }
2768
-
2769
- [data-mantine-color-scheme='light'] .mantine-lqpFSmK[data-with-border] {
2770
- --_paper-border-color: var(--mantine-color-gray-3);
2771
- }
2772
-
2773
- @media (prefers-color-scheme: light) {
2774
-
2775
- .mantine-lqpFSmK[data-with-border] {
2776
- --_paper-border-color: var(--mantine-color-gray-3);
2777
- }
2778
- }
2779
-
2780
- [data-mantine-color-scheme='dark'] .mantine-lqpFSmK[data-with-border] {
2781
- --_paper-border-color: var(--mantine-color-dark-4);
2782
- }
2783
-
2784
- @media (prefers-color-scheme: dark) {
2785
-
2786
- .mantine-lqpFSmK[data-with-border] {
2787
- --_paper-border-color: var(--mantine-color-dark-4);
2788
- }
2789
- }
2790
-
2791
- .mantine-Hu7S-XH {
2792
- position: absolute;
2793
- background-color: var(--_popover-bg);
2794
- border: calc(0.0625rem * var(--mantine-scale)) solid var(--_popover-bd);
2795
- padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
2796
- box-shadow: var(--popover-shadow, none);
2797
- border-radius: var(--popover-radius);
2798
- }
2799
-
2800
- .mantine-Hu7S-XH:focus {
2801
- outline: none;
2802
- }
2803
-
2804
- [data-mantine-color-scheme='light'] .mantine-Hu7S-XH {
2805
- --_popover-bg: var(--mantine-color-white);
2806
- --_popover-bd: var(--mantine-color-gray-2);
2807
- }
2808
-
2809
- @media (prefers-color-scheme: light) {
2810
-
2811
- .mantine-Hu7S-XH {
2812
- --_popover-bg: var(--mantine-color-white);
2813
- --_popover-bd: var(--mantine-color-gray-2);
2814
- }
2815
- }
2816
-
2817
- [data-mantine-color-scheme='dark'] .mantine-Hu7S-XH {
2818
- --_popover-bg: var(--mantine-color-dark-6);
2819
- --_popover-bd: var(--mantine-color-dark-4);
2820
- }
2821
-
2822
- @media (prefers-color-scheme: dark) {
2823
-
2824
- .mantine-Hu7S-XH {
2825
- --_popover-bg: var(--mantine-color-dark-6);
2826
- --_popover-bd: var(--mantine-color-dark-4);
2827
- }
2828
- }
2829
-
2830
- .mantine-XLi9Yuw {
2831
- background-color: inherit;
2832
- border: calc(0.0625rem * var(--mantine-scale)) solid var(--_popover-bd);
2833
- z-index: 1;
2834
- }
2835
-
2836
- .mantine--CW641A {
2837
- position: relative;
2838
- overflow: hidden;
2839
- }
2840
-
2841
- .mantine-VMS5T20 {
2842
- scrollbar-width: none;
2843
- -ms-overflow-style: none;
2844
- -webkit-overflow-scrolling: touch;
2845
- width: 100%;
2846
- height: 100%;
2847
- padding-right: var(--_viewport-padding-right, 0rem);
2848
- padding-left: var(--_viewport-padding-left, 0rem);
2849
- padding-bottom: var(--_viewport-padding-bottom, 0rem);
2850
- }
2851
-
2852
- .mantine-VMS5T20::-webkit-scrollbar {
2853
- display: none;
2854
- }
2855
-
2856
- .mantine-VMS5T20[data-offset-scrollbars] {
2857
- --_viewport-padding-right: var(--scrollarea-scrollbar-size);
2858
- --_viewport-padding-bottom: var(--scrollarea-scrollbar-size);
2859
- --_viewport-padding-left: unset;
2860
- }
2861
-
2862
- [dir="rtl"] .mantine-VMS5T20[data-offset-scrollbars] {
2863
- --_viewport-padding-right: unset;
2864
- --_viewport-padding-left: var(--scrollarea-scrollbar-size);
2865
- }
2866
-
2867
- .mantine-u-8GE5z {
2868
- min-width: 100%;
2869
- display: table;
2870
- }
2871
-
2872
- .mantine-zngBbDv {
2873
- user-select: none;
2874
- touch-action: none;
2875
- box-sizing: border-box;
2876
- transition: background-color 150ms ease, opacity 150ms ease;
2877
-
2878
- padding: calc(var(--scrollarea-scrollbar-size) / 5);
2879
- display: var(--_scrollbar-display, flex);
2880
- background-color: var(--_scrollbar-bg, transparent);
2881
- width: var(--_scrollbar-width);
2882
- height: var(--_scrollbar-height);
2883
- flex-direction: var(--_scrollbar-direction, row);
2884
- }
2885
-
2886
- .mantine-zngBbDv > .mantine-5u72r1f {
2887
- background-color: var(--_thumb-bg);
2888
- }
2889
-
2890
- @media (hover: hover) {
2891
- [data-mantine-color-scheme='light'] .mantine-zngBbDv:hover {
2892
- --_scrollbar-bg: var(--mantine-color-gray-0);
2893
- --_thumb-bg: rgba(0, 0, 0, 0.5);
2894
- }
2895
- @media (prefers-color-scheme: light) {
2896
-
2897
- .mantine-zngBbDv:hover {
2898
- --_scrollbar-bg: var(--mantine-color-gray-0);
2899
- --_thumb-bg: rgba(0, 0, 0, 0.5);
2900
- }
2901
- }
2902
-
2903
- [data-mantine-color-scheme='dark'] .mantine-zngBbDv:hover {
2904
- --_scrollbar-bg: var(--mantine-color-dark-8);
2905
- --_thumb-bg: rgba(255, 255, 255, 0.5);
2906
- }
2907
-
2908
- @media (prefers-color-scheme: dark) {
2909
-
2910
- .mantine-zngBbDv:hover {
2911
- --_scrollbar-bg: var(--mantine-color-dark-8);
2912
- --_thumb-bg: rgba(255, 255, 255, 0.5);
2913
- }
2914
- }
2915
- }
2916
-
2917
- @media (hover: none) {
2918
- [data-mantine-color-scheme='light'] .mantine-zngBbDv:active {
2919
- --_scrollbar-bg: var(--mantine-color-gray-0);
2920
- --_thumb-bg: rgba(0, 0, 0, 0.5);
2921
- }
2922
- @media (prefers-color-scheme: light) {
2923
-
2924
- .mantine-zngBbDv:active {
2925
- --_scrollbar-bg: var(--mantine-color-gray-0);
2926
- --_thumb-bg: rgba(0, 0, 0, 0.5);
2927
- }
2928
- }
2929
-
2930
- [data-mantine-color-scheme='dark'] .mantine-zngBbDv:active {
2931
- --_scrollbar-bg: var(--mantine-color-dark-8);
2932
- --_thumb-bg: rgba(255, 255, 255, 0.5);
2933
- }
2934
-
2935
- @media (prefers-color-scheme: dark) {
2936
-
2937
- .mantine-zngBbDv:active {
2938
- --_scrollbar-bg: var(--mantine-color-dark-8);
2939
- --_thumb-bg: rgba(255, 255, 255, 0.5);
2940
- }
2941
- }
2942
- }
2943
-
2944
- .mantine-zngBbDv[data-hidden],
2945
- .mantine-zngBbDv[data-state='hidden'] {
2946
- --_scrollbar-display: none;
2947
- }
2948
-
2949
- .mantine-zngBbDv[data-orientation='vertical'] {
2950
- --_scrollbar-width: var(--scrollarea-scrollbar-size);
2951
-
2952
- top: 0;
2953
- bottom: var(--sa-corner-width);
2954
- right: 0;
2955
- }
2956
-
2957
- [dir="rtl"] .mantine-zngBbDv[data-orientation='vertical'] {
2958
- right: unset;
2959
- left: 0;
2960
- }
2961
-
2962
- .mantine-zngBbDv[data-orientation='horizontal'] {
2963
- --_scrollbar-height: var(--scrollarea-scrollbar-size);
2964
- --_scrollbar-direction: column;
2965
-
2966
- bottom: 0;
2967
- left: 0;
2968
- right: var(--sa-corner-height);
2969
- }
2970
-
2971
- [dir="rtl"] .mantine-zngBbDv[data-orientation='horizontal'] {
2972
- right: 0;
2973
- left: var(--sa-corner-height);
2974
- }
2975
-
2976
- .mantine-5u72r1f {
2977
- flex: 1;
2978
- border-radius: var(--scrollarea-scrollbar-size);
2979
- position: relative;
2980
- transition: background-color 150ms ease;
2981
- overflow: hidden;
2982
- background-color: var(--_thumb-bg);
2983
- }
2984
-
2985
- .mantine-5u72r1f::before {
2986
- content: '""';
2987
- position: absolute;
2988
- top: 50%;
2989
- left: 50%;
2990
- transform: translate(-50%, -50%);
2991
- width: 100%;
2992
- height: 100%;
2993
- min-width: calc(2.75rem * var(--mantine-scale));
2994
- min-height: calc(2.75rem * var(--mantine-scale));
2995
- }
2996
-
2997
- [data-mantine-color-scheme='light'] .mantine-5u72r1f {
2998
- --_thumb-bg: rgba(0, 0, 0, 0.4);
2999
- }
3000
-
3001
- @media (prefers-color-scheme: light) {
3002
-
3003
- .mantine-5u72r1f {
3004
- --_thumb-bg: rgba(0, 0, 0, 0.4);
3005
- }
3006
- }
3007
-
3008
- [data-mantine-color-scheme='dark'] .mantine-5u72r1f {
3009
- --_thumb-bg: rgba(255, 255, 255, 0.4);
3010
- }
3011
-
3012
- @media (prefers-color-scheme: dark) {
3013
-
3014
- .mantine-5u72r1f {
3015
- --_thumb-bg: rgba(255, 255, 255, 0.4);
3016
- }
3017
- }
3018
-
3019
- .mantine-29iF76- {
3020
- position: absolute;
3021
- opacity: var(--_corner-opacity, 0);
3022
- transition: opacity 150ms ease;
3023
- background-color: var(--_corner-bg);
3024
- display: var(--_corner-display, block);
3025
- right: 0;
3026
- bottom: 0;
3027
- }
3028
-
3029
- [dir="rtl"] .mantine-29iF76- {
3030
- right: unset;
3031
- left: 0;
3032
- bottom: 0;
3033
- }
3034
-
3035
- [data-mantine-color-scheme='light'] .mantine-29iF76- {
3036
- --_corner-bg: var(--mantine-color-gray-0);
3037
- }
3038
-
3039
- @media (prefers-color-scheme: light) {
3040
-
3041
- .mantine-29iF76- {
3042
- --_corner-bg: var(--mantine-color-gray-0);
3043
- }
3044
- }
3045
-
3046
- [data-mantine-color-scheme='dark'] .mantine-29iF76- {
3047
- --_corner-bg: var(--mantine-color-dark-8);
3048
- }
3049
-
3050
- @media (prefers-color-scheme: dark) {
3051
-
3052
- .mantine-29iF76- {
3053
- --_corner-bg: var(--mantine-color-dark-8);
3054
- }
3055
- }
3056
-
3057
- .mantine-29iF76-[data-hovered] {
3058
- --_corner-opacity: 1;
3059
- }
3060
-
3061
- .mantine-29iF76-[data-hidden] {
3062
- --_corner-display: none;
3063
- }
3064
-
3065
- .mantine-7LbAahg {
3066
- --sc-padding-xs: calc(0.1875rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale));
3067
- --sc-padding-sm: calc(0.3125rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
3068
- --sc-padding-md: calc(0.4375rem * var(--mantine-scale)) calc(0.875rem * var(--mantine-scale));
3069
- --sc-padding-lg: calc(0.5625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
3070
- --sc-padding-xl: calc(0.75rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
3071
-
3072
- position: relative;
3073
- display: var(--_display, inline-flex);
3074
- flex-direction: var(--_flex-direction, row);
3075
- width: var(--_width, auto);
3076
- background-color: var(--_bg);
3077
- border-radius: var(--sc-radius);
3078
- overflow: hidden;
3079
- padding: 4px;
3080
- } /* px required for correct indicator calculations */
3081
-
3082
- .mantine-7LbAahg[data-full-width] {
3083
- --_display: flex;
3084
- }
3085
-
3086
- .mantine-7LbAahg[data-orientation='vertical'] {
3087
- --_display: flex;
3088
- --_flex-direction: column;
3089
- --_width: max-content;
3090
- }
3091
-
3092
- .mantine-7LbAahg[data-orientation='vertical'][data-full-width] {
3093
- --_width: auto;
3094
- }
3095
-
3096
- [data-mantine-color-scheme='light'] .mantine-7LbAahg {
3097
- --_bg: var(--mantine-color-gray-1);
3098
- }
3099
-
3100
- @media (prefers-color-scheme: light) {
3101
-
3102
- .mantine-7LbAahg {
3103
- --_bg: var(--mantine-color-gray-1);
3104
- }
3105
- }
3106
-
3107
- [data-mantine-color-scheme='dark'] .mantine-7LbAahg {
3108
- --_bg: var(--mantine-color-dark-8);
3109
- }
3110
-
3111
- @media (prefers-color-scheme: dark) {
3112
-
3113
- .mantine-7LbAahg {
3114
- --_bg: var(--mantine-color-dark-8);
3115
- }
3116
- }
3117
-
3118
- .mantine---46L-G {
3119
- position: absolute;
3120
- display: block;
3121
- z-index: 1;
3122
- border-radius: var(--sc-radius);
3123
- box-shadow: var(--_box-shadow);
3124
- width: var(--sc-indicator-width);
3125
- height: var(--sc-indicator-height);
3126
- transform: var(--sc-indicator-transform);
3127
- transition: transform var(--sc-transition-duration) var(--sc-transition-timing-function),
3128
- width var(--sc-transition-duration) var(--sc-transition-timing-function);
3129
- background-color: var(--_bg);
3130
- }
3131
-
3132
- [data-mantine-color-scheme='light'] .mantine---46L-G {
3133
- --_box-shadow: var(--sc-shadow, none);
3134
- --_bg: var(--sc-color, var(--mantine-color-white));
3135
- }
3136
-
3137
- @media (prefers-color-scheme: light) {
3138
-
3139
- .mantine---46L-G {
3140
- --_box-shadow: var(--sc-shadow, none);
3141
- --_bg: var(--sc-color, var(--mantine-color-white));
3142
- }
3143
- }
3144
-
3145
- [data-mantine-color-scheme='dark'] .mantine---46L-G {
3146
- --_box-shadow: none;
3147
- --_bg: var(--sc-color, var(--mantine-color-dark-5));
3148
- }
3149
-
3150
- @media (prefers-color-scheme: dark) {
3151
-
3152
- .mantine---46L-G {
3153
- --_box-shadow: none;
3154
- --_bg: var(--sc-color, var(--mantine-color-dark-5));
3155
- }
3156
- }
3157
-
3158
- .mantine-xOh3CVo {
3159
- -webkit-tap-highlight-color: transparent;
3160
- font-weight: 500;
3161
- display: block;
3162
- text-align: center;
3163
- white-space: nowrap;
3164
- overflow: hidden;
3165
- text-overflow: ellipsis;
3166
- user-select: none;
3167
- border-radius: var(--sc-radius);
3168
- font-size: var(--sc-font-size);
3169
- padding: var(--sc-padding);
3170
- transition: color var(--sc-transition-duration) var(--sc-transition-timing-function);
3171
- cursor: var(--_cursor, pointer);
3172
- color: var(--_color);
3173
-
3174
- /* outline is controlled by .input */
3175
- outline: var(--_outline, none);
3176
- }
3177
-
3178
- .mantine-xOh3CVo[data-disabled] {
3179
- --_cursor: not-allowed;
3180
- }
3181
-
3182
- [data-mantine-color-scheme='light'] .mantine-xOh3CVo[data-disabled] {
3183
- --_color: var(--mantine-color-gray-5);
3184
- }
3185
-
3186
- @media (prefers-color-scheme: light) {
3187
-
3188
- .mantine-xOh3CVo[data-disabled] {
3189
- --_color: var(--mantine-color-gray-5);
3190
- }
3191
- }
3192
-
3193
- [data-mantine-color-scheme='dark'] .mantine-xOh3CVo[data-disabled] {
3194
- --_color: var(--mantine-color-dark-3);
3195
- }
3196
-
3197
- @media (prefers-color-scheme: dark) {
3198
-
3199
- .mantine-xOh3CVo[data-disabled] {
3200
- --_color: var(--mantine-color-dark-3);
3201
- }
3202
- }
3203
-
3204
- [data-mantine-color-scheme='light'] .mantine-xOh3CVo[data-active] {
3205
- --_color: var(--sc-label-color, var(--mantine-color-black));
3206
- }
3207
-
3208
- @media (prefers-color-scheme: light) {
3209
-
3210
- .mantine-xOh3CVo[data-active] {
3211
- --_color: var(--sc-label-color, var(--mantine-color-black));
3212
- }
3213
- }
3214
-
3215
- [data-mantine-color-scheme='dark'] .mantine-xOh3CVo[data-active] {
3216
- --_color: var(--sc-label-color, var(--mantine-color-white));
3217
- }
3218
-
3219
- @media (prefers-color-scheme: dark) {
3220
-
3221
- .mantine-xOh3CVo[data-active] {
3222
- --_color: var(--sc-label-color, var(--mantine-color-white));
3223
- }
3224
- }
3225
-
3226
- @media (hover: hover) {
3227
- [data-mantine-color-scheme='light'] .mantine-xOh3CVo:not([data-disabled]):not([data-active]):hover {
3228
- --_color: var(--mantine-color-black);
3229
- }
3230
- @media (prefers-color-scheme: light) {
3231
-
3232
- .mantine-xOh3CVo:not([data-disabled]):not([data-active]):hover {
3233
- --_color: var(--mantine-color-black);
3234
- }
3235
- }
3236
-
3237
- [data-mantine-color-scheme='dark'] .mantine-xOh3CVo:not([data-disabled]):not([data-active]):hover {
3238
- --_color: var(--mantine-color-white);
3239
- }
3240
-
3241
- @media (prefers-color-scheme: dark) {
3242
-
3243
- .mantine-xOh3CVo:not([data-disabled]):not([data-active]):hover {
3244
- --_color: var(--mantine-color-white);
3245
- }
3246
- }
3247
- }
3248
-
3249
- @media (hover: none) {
3250
- [data-mantine-color-scheme='light'] .mantine-xOh3CVo:not([data-disabled]):not([data-active]):active {
3251
- --_color: var(--mantine-color-black);
3252
- }
3253
- @media (prefers-color-scheme: light) {
3254
-
3255
- .mantine-xOh3CVo:not([data-disabled]):not([data-active]):active {
3256
- --_color: var(--mantine-color-black);
3257
- }
3258
- }
3259
-
3260
- [data-mantine-color-scheme='dark'] .mantine-xOh3CVo:not([data-disabled]):not([data-active]):active {
3261
- --_color: var(--mantine-color-white);
3262
- }
3263
-
3264
- @media (prefers-color-scheme: dark) {
3265
-
3266
- .mantine-xOh3CVo:not([data-disabled]):not([data-active]):active {
3267
- --_color: var(--mantine-color-white);
3268
- }
3269
- }
3270
- }
3271
-
3272
- [data-mantine-color-scheme='light'] .mantine-xOh3CVo {
3273
- --_color: var(--mantine-color-gray-7);
3274
- }
3275
-
3276
- @media (prefers-color-scheme: light) {
3277
-
3278
- .mantine-xOh3CVo {
3279
- --_color: var(--mantine-color-gray-7);
3280
- }
3281
- }
3282
-
3283
- [data-mantine-color-scheme='dark'] .mantine-xOh3CVo {
3284
- --_color: var(--mantine-color-dark-1);
3285
- }
3286
-
3287
- @media (prefers-color-scheme: dark) {
3288
-
3289
- .mantine-xOh3CVo {
3290
- --_color: var(--mantine-color-dark-1);
3291
- }
3292
- }
3293
-
3294
- .mantine-i69xIe7 {
3295
- height: 0;
3296
- width: 0;
3297
- position: absolute;
3298
- overflow: hidden;
3299
- white-space: nowrap;
3300
- opacity: 0;
3301
- }
3302
-
3303
- .mantine-i69xIe7[data-focus-ring='auto']:focus:focus-visible + .mantine-xOh3CVo {
3304
- --_outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
3305
- }
3306
-
3307
- .mantine-i69xIe7[data-focus-ring='always']:focus + .mantine-xOh3CVo {
3308
- --_outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
3309
- }
3310
-
3311
- .mantine-y34erSP {
3312
- position: relative;
3313
- flex: 1;
3314
- z-index: 2;
3315
- transition: border-color var(--sc-transition-duration) var(--sc-transition-timing-function);
3316
- }
3317
-
3318
- .mantine-y34erSP::before {
3319
- content: '';
3320
- position: absolute;
3321
- top: 0;
3322
- bottom: 0;
3323
- left: 0;
3324
- background-color: var(--_separator-color);
3325
- width: calc(0.0625rem * var(--mantine-scale));
3326
- transition: background-color var(--sc-transition-duration) var(--sc-transition-timing-function);
3327
- }
3328
-
3329
- [dir="rtl"] .mantine-y34erSP::before {
3330
- right: 0;
3331
- left: auto;
3332
- }
3333
-
3334
- .mantine-y34erSP[data-orientation='vertical']::before {
3335
- top: 0;
3336
- left: 0;
3337
- right: 0;
3338
- bottom: auto;
3339
- height: calc(0.0625rem * var(--mantine-scale));
3340
- width: auto;
3341
- }
3342
-
3343
- [data-mantine-color-scheme='light'] .mantine-y34erSP {
3344
- --_separator-color: var(--mantine-color-gray-3);
3345
- }
3346
-
3347
- @media (prefers-color-scheme: light) {
3348
-
3349
- .mantine-y34erSP {
3350
- --_separator-color: var(--mantine-color-gray-3);
3351
- }
3352
- }
3353
-
3354
- [data-mantine-color-scheme='dark'] .mantine-y34erSP {
3355
- --_separator-color: var(--mantine-color-dark-4);
3356
- }
3357
-
3358
- @media (prefers-color-scheme: dark) {
3359
-
3360
- .mantine-y34erSP {
3361
- --_separator-color: var(--mantine-color-dark-4);
3362
- }
3363
- }
3364
-
3365
- .mantine-y34erSP:first-of-type::before {
3366
- --_separator-color: transparent;
3367
- }
3368
-
3369
- [data-mantine-color-scheme] .mantine-y34erSP[data-active]::before, [data-mantine-color-scheme] .mantine-y34erSP[data-active] + .mantine-y34erSP::before {
3370
- --_separator-color: transparent;
3371
- }
3372
-
3373
- .mantine-nol3fL4 {
3374
- --slider-size-xs: calc(0.25rem * var(--mantine-scale));
3375
- --slider-size-sm: calc(0.375rem * var(--mantine-scale));
3376
- --slider-size-md: calc(0.5rem * var(--mantine-scale));
3377
- --slider-size-lg: calc(0.625rem * var(--mantine-scale));
3378
- --slider-size-xl: calc(0.75rem * var(--mantine-scale));
3379
-
3380
- -webkit-tap-highlight-color: transparent;
3381
- outline: none;
3382
- height: calc(var(--slider-size) * 2);
3383
- padding-left: var(--slider-size);
3384
- padding-right: var(--slider-size);
3385
- display: flex;
3386
- flex-direction: column;
3387
- align-items: center;
3388
- touch-action: none;
3389
- position: relative;
3390
- }
3391
-
3392
- [data-mantine-color-scheme='light'] .mantine-nol3fL4 {
3393
- --slider-track-bg: var(--mantine-color-gray-2);
3394
- --slider-track-disabled-bg: var(--mantine-color-gray-4);
3395
- }
3396
-
3397
- @media (prefers-color-scheme: light) {
3398
-
3399
- .mantine-nol3fL4 {
3400
- --slider-track-bg: var(--mantine-color-gray-2);
3401
- --slider-track-disabled-bg: var(--mantine-color-gray-4);
3402
- }
3403
- }
3404
-
3405
- [data-mantine-color-scheme='dark'] .mantine-nol3fL4 {
3406
- --slider-track-bg: var(--mantine-color-dark-4);
3407
- --slider-track-disabled-bg: var(--mantine-color-dark-3);
3408
- }
3409
-
3410
- @media (prefers-color-scheme: dark) {
3411
-
3412
- .mantine-nol3fL4 {
3413
- --slider-track-bg: var(--mantine-color-dark-4);
3414
- --slider-track-disabled-bg: var(--mantine-color-dark-3);
3415
- }
3416
- }
3417
-
3418
- .mantine-xKQTtLt {
3419
- position: absolute;
3420
- top: calc(-2.25rem * var(--mantine-scale));
3421
- background-color: var(--_label-bg);
3422
- font-size: var(--mantine-font-size-xs);
3423
- color: var(--mantine-color-white);
3424
- padding: calc(var(--mantine-spacing-xs) / 2);
3425
- border-radius: var(--mantine-radius-sm);
3426
- white-space: nowrap;
3427
- pointer-events: none;
3428
- user-select: none;
3429
- touch-action: none;
3430
- }
3431
-
3432
- [data-mantine-color-scheme='light'] .mantine-xKQTtLt {
3433
- --_label-bg: var(--mantine-color-gray-9);
3434
- }
3435
-
3436
- @media (prefers-color-scheme: light) {
3437
-
3438
- .mantine-xKQTtLt {
3439
- --_label-bg: var(--mantine-color-gray-9);
3440
- }
3441
- }
3442
-
3443
- [data-mantine-color-scheme='dark'] .mantine-xKQTtLt {
3444
- --_label-bg: var(--mantine-color-dark-4);
3445
- }
3446
-
3447
- @media (prefers-color-scheme: dark) {
3448
-
3449
- .mantine-xKQTtLt {
3450
- --_label-bg: var(--mantine-color-dark-4);
3451
- }
3452
- }
3453
-
3454
- .mantine-sJmZ8C4 {
3455
- position: absolute;
3456
- display: var(--_thumb-display, flex);
3457
- height: var(--slider-thumb-size);
3458
- width: var(--slider-thumb-size);
3459
- background-color: var(--_thumb-bg);
3460
- border: calc(0.25rem * var(--mantine-scale)) solid var(--_thumb-bd);
3461
- color: var(--_thumb-bd);
3462
- transform: var(--_thumb-transform, translate(-50%, -50%));
3463
- top: 50%;
3464
- cursor: pointer;
3465
- border-radius: var(--slider-radius);
3466
- align-items: center;
3467
- justify-content: center;
3468
- transition: box-shadow 100ms ease, transform 100ms ease;
3469
- z-index: 3;
3470
- user-select: none;
3471
- touch-action: none;
3472
- box-shadow: var(--_thumb-box-shadow, none);
3473
- outline-offset: calc(0.125rem * var(--mantine-scale));
3474
- left: var(--slider-thumb-offset);
3475
- }
3476
-
3477
- [dir="rtl"] .mantine-sJmZ8C4 {
3478
- left: auto;
3479
- right: calc(var(--slider-thumb-offset) - var(--slider-thumb-size));
3480
- }
3481
-
3482
- .mantine-sJmZ8C4[data-disabled] {
3483
- --_thumb-display: none;
3484
- }
3485
-
3486
- .mantine-sJmZ8C4[data-dragging] {
3487
- --_thumb-transform: translate(-50%, -50%) scale(1.05);
3488
- --_thumb-box-shadow: var(--mantine-shadow-sm);
3489
- }
3490
-
3491
- [data-mantine-color-scheme='light'] .mantine-sJmZ8C4 {
3492
- --_thumb-bd: var(--slider-color);
3493
- --_thumb-bg: var(--mantine-color-white);
3494
- }
3495
-
3496
- @media (prefers-color-scheme: light) {
3497
-
3498
- .mantine-sJmZ8C4 {
3499
- --_thumb-bd: var(--slider-color);
3500
- --_thumb-bg: var(--mantine-color-white);
3501
- }
3502
- }
3503
-
3504
- [data-mantine-color-scheme='dark'] .mantine-sJmZ8C4 {
3505
- --_thumb-bd: var(--mantine-color-white);
3506
- --_thumb-bg: var(--slider-color);
3507
- }
3508
-
3509
- @media (prefers-color-scheme: dark) {
3510
-
3511
- .mantine-sJmZ8C4 {
3512
- --_thumb-bd: var(--mantine-color-white);
3513
- --_thumb-bg: var(--slider-color);
3514
- }
3515
- }
3516
-
3517
- .mantine-kRMnp6I {
3518
- display: flex;
3519
- align-items: center;
3520
- width: 100%;
3521
- height: calc(var(--slider-size) * 2);
3522
- cursor: var(--_track-cursor, pointer);
3523
- }
3524
-
3525
- .mantine-kRMnp6I[data-disabled] {
3526
- --_track-cursor: not-allowed;
3527
- }
3528
-
3529
- .mantine-jorJI0e {
3530
- position: relative;
3531
- width: 100%;
3532
- height: var(--slider-size);
3533
- }
3534
-
3535
- .mantine-jorJI0e[data-inverted]:not([data-disabled]) {
3536
- --_track-bg: var(--slider-color);
3537
- }
3538
-
3539
- .mantine-jorJI0e[data-inverted][data-disabled] {
3540
- --_track-bg: var(--slider-track-disabled-bg);
3541
- }
3542
-
3543
- .mantine-jorJI0e::before {
3544
- content: '';
3545
- position: absolute;
3546
- top: 0;
3547
- bottom: 0;
3548
- border-radius: var(--slider-radius);
3549
- right: calc(var(--slider-size) * -1);
3550
- left: calc(var(--slider-size) * -1);
3551
- background-color: var(--_track-bg, var(--slider-track-bg));
3552
- z-index: 0;
3553
- }
3554
-
3555
- .mantine-NegW5ug {
3556
- position: absolute;
3557
- z-index: 1;
3558
- top: 0;
3559
- bottom: 0;
3560
- background-color: var(--_bar-bg, var(--slider-color));
3561
- border-radius: var(--slider-radius);
3562
- width: var(--slider-bar-width);
3563
- left: var(--slider-bar-offset);
3564
- }
3565
-
3566
- [dir="rtl"] .mantine-NegW5ug {
3567
- left: auto;
3568
- right: var(--slider-bar-offset);
3569
- }
3570
-
3571
- .mantine-NegW5ug[data-inverted] {
3572
- --_bar-bg: var(--slider-track-bg);
3573
- }
3574
-
3575
- .mantine-NegW5ug[data-disabled]:not([data-inverted]) {
3576
- --_bar-bg: var(--_bar-disabled-bg);
3577
- }
3578
-
3579
- [data-mantine-color-scheme='light'] .mantine-NegW5ug {
3580
- --_bar-disabled-bg: var(--mantine-color-gray-4);
3581
- }
3582
-
3583
- @media (prefers-color-scheme: light) {
3584
-
3585
- .mantine-NegW5ug {
3586
- --_bar-disabled-bg: var(--mantine-color-gray-4);
3587
- }
3588
- }
3589
-
3590
- [data-mantine-color-scheme='dark'] .mantine-NegW5ug {
3591
- --_bar-disabled-bg: var(--mantine-color-dark-3);
3592
- }
3593
-
3594
- @media (prefers-color-scheme: dark) {
3595
-
3596
- .mantine-NegW5ug {
3597
- --_bar-disabled-bg: var(--mantine-color-dark-3);
3598
- }
3599
- }
3600
-
3601
- .mantine-uvc-APn {
3602
- position: absolute;
3603
- left: calc(var(--mark-offset) - var(--slider-size) / 2);
3604
- top: 0;
3605
- z-index: 2;
3606
- height: 0;
3607
- pointer-events: none;
3608
- }
3609
-
3610
- [dir="rtl"] .mantine-uvc-APn {
3611
- left: unset;
3612
- right: calc(var(--mark-offset) - var(--slider-size) / 2);
3613
- }
3614
-
3615
- .mantine-Qm4b1ye {
3616
- border: calc(0.125rem * var(--mantine-scale)) solid var(--_mark-bd);
3617
- height: var(--slider-size);
3618
- width: var(--slider-size);
3619
- border-radius: calc(62.5rem * var(--mantine-scale));
3620
- transform: translateX((calc(var(--slider-size) / -2)));
3621
- background-color: var(--_mark-bg, var(--mantine-color-white));
3622
- pointer-events: none;
3623
- }
3624
-
3625
- [data-mantine-color-scheme] .mantine-Qm4b1ye[data-filled] {
3626
- --_mark-bd: var(--slider-color);
3627
- }
3628
-
3629
- [data-mantine-color-scheme='light'] .mantine-Qm4b1ye[data-filled][data-disabled] {
3630
- --_mark-bd: var(--mantine-color-gray-4);
3631
- }
3632
-
3633
- @media (prefers-color-scheme: light) {
3634
-
3635
- .mantine-Qm4b1ye[data-filled][data-disabled] {
3636
- --_mark-bd: var(--mantine-color-gray-4);
3637
- }
3638
- }
3639
-
3640
- [data-mantine-color-scheme='dark'] .mantine-Qm4b1ye[data-filled][data-disabled] {
3641
- --_mark-bd: var(--mantine-color-dark-3);
3642
- }
3643
-
3644
- @media (prefers-color-scheme: dark) {
3645
-
3646
- .mantine-Qm4b1ye[data-filled][data-disabled] {
3647
- --_mark-bd: var(--mantine-color-dark-3);
3648
- }
3649
- }
3650
-
3651
- [data-mantine-color-scheme='light'] .mantine-Qm4b1ye {
3652
- --_mark-bd: var(--mantine-color-gray-2);
3653
- }
3654
-
3655
- @media (prefers-color-scheme: light) {
3656
-
3657
- .mantine-Qm4b1ye {
3658
- --_mark-bd: var(--mantine-color-gray-2);
3659
- }
3660
- }
3661
-
3662
- [data-mantine-color-scheme='dark'] .mantine-Qm4b1ye {
3663
- --_mark-bd: var(--mantine-color-dark-4);
3664
- }
3665
-
3666
- @media (prefers-color-scheme: dark) {
3667
-
3668
- .mantine-Qm4b1ye {
3669
- --_mark-bd: var(--mantine-color-dark-4);
3670
- }
3671
- }
3672
-
3673
- .mantine-0j-3iGC {
3674
- transform: translate(calc(-50% + var(--slider-size) / 2), calc(var(--mantine-spacing-xs) / 2));
3675
- font-size: var(--mantine-font-size-sm);
3676
- color: var(--_mark-label-color);
3677
- white-space: nowrap;
3678
- cursor: pointer;
3679
- user-select: none;
3680
- }
3681
-
3682
- [data-mantine-color-scheme='light'] .mantine-0j-3iGC {
3683
- --_mark-label-color: var(--mantine-color-gray-6);
3684
- }
3685
-
3686
- @media (prefers-color-scheme: light) {
3687
-
3688
- .mantine-0j-3iGC {
3689
- --_mark-label-color: var(--mantine-color-gray-6);
3690
- }
3691
- }
3692
-
3693
- [data-mantine-color-scheme='dark'] .mantine-0j-3iGC {
3694
- --_mark-label-color: var(--mantine-color-dark-2);
3695
- }
3696
-
3697
- @media (prefers-color-scheme: dark) {
3698
-
3699
- .mantine-0j-3iGC {
3700
- --_mark-label-color: var(--mantine-color-dark-2);
3701
- }
3702
- }
3703
-
3704
- .mantine--J46Qoq {
3705
- display: flex;
3706
- flex-direction: column;
3707
- align-items: var(--stack-align);
3708
- justify-content: var(--stack-justify);
3709
- gap: var(--stack-gap);
3710
- }
3711
-
3712
- .mantine-3rVj5cu {
3713
- --label-lh-xs: calc(1rem * var(--mantine-scale));
3714
- --label-lh-sm: calc(1.25rem * var(--mantine-scale));
3715
- --label-lh-md: calc(1.5rem * var(--mantine-scale));
3716
- --label-lh-lg: calc(1.875rem * var(--mantine-scale));
3717
- --label-lh-xl: calc(2.25rem * var(--mantine-scale));
3718
- }
3719
-
3720
- .mantine-3rVj5cu[data-label-position='left'] {
3721
- --_label-order: 1;
3722
- --_offset-right: var(--mantine-spacing-sm);
3723
- --_offset-left: 0;
3724
- }
3725
-
3726
- [dir="rtl"] .mantine-3rVj5cu[data-label-position='left'] {
3727
- --_offset-right: 0;
3728
- --_offset-left: var(--mantine-spacing-sm);
3729
- }
3730
-
3731
- .mantine-3rVj5cu[data-label-position='right'] {
3732
- --_label-order: 2;
3733
- --_offset-right: 0;
3734
- --_offset-left: var(--mantine-spacing-sm);
3735
- }
3736
-
3737
- [dir="rtl"] .mantine-3rVj5cu[data-label-position='right'] {
3738
- --_offset-right: var(--mantine-spacing-sm);
3739
- --_offset-left: 0;
3740
- }
3741
-
3742
- .mantine-GFiygFd {
3743
- display: flex;
3744
- }
3745
-
3746
- .mantine-G13Gjxh {
3747
- -webkit-tap-highlight-color: transparent;
3748
- display: inline-flex;
3749
- flex-direction: column;
3750
- font-size: var(--label-fz);
3751
- line-height: var(--label-lh);
3752
- cursor: var(--mantine-cursor-type);
3753
- order: var(--_label-order);
3754
- }
3755
-
3756
- .mantine-Q8C6aYL {
3757
- cursor: var(--mantine-cursor-type);
3758
- color: var(--_label-color, inherit);
3759
- padding-left: var(--_offset-left);
3760
- padding-right: var(--_offset-right);
3761
- }
3762
-
3763
- [data-mantine-color-scheme='light'] .mantine-Q8C6aYL[data-disabled] {
3764
- --_label-color: var(--mantine-color-gray-5);
3765
- }
3766
-
3767
- @media (prefers-color-scheme: light) {
3768
-
3769
- .mantine-Q8C6aYL[data-disabled] {
3770
- --_label-color: var(--mantine-color-gray-5);
3771
- }
3772
- }
3773
-
3774
- [data-mantine-color-scheme='dark'] .mantine-Q8C6aYL[data-disabled] {
3775
- --_label-color: var(--mantine-color-dark-3);
3776
- }
3777
-
3778
- @media (prefers-color-scheme: dark) {
3779
-
3780
- .mantine-Q8C6aYL[data-disabled] {
3781
- --_label-color: var(--mantine-color-dark-3);
3782
- }
3783
- }
3784
-
3785
- .mantine-cILs42v {
3786
- margin-top: calc(var(--mantine-spacing-xs) / 2);
3787
- padding-left: var(--_offset-left);
3788
- padding-right: var(--_offset-right);
3789
- }
3790
-
3791
- .mantine-6o0A46s {
3792
- margin-top: calc(var(--mantine-spacing-xs) / 2);
3793
- padding-left: var(--_offset-left);
3794
- padding-right: var(--_offset-right);
3795
- }
3796
-
3797
- .mantine-ALPBoeW {
3798
- --switch-height-xs: calc(1rem * var(--mantine-scale));
3799
- --switch-height-sm: calc(1.25rem * var(--mantine-scale));
3800
- --switch-height-md: calc(1.5rem * var(--mantine-scale));
3801
- --switch-height-lg: calc(1.875rem * var(--mantine-scale));
3802
- --switch-height-xl: calc(2.25rem * var(--mantine-scale));
3803
-
3804
- --switch-width-xs: calc(2rem * var(--mantine-scale));
3805
- --switch-width-sm: calc(2.375rem * var(--mantine-scale));
3806
- --switch-width-md: calc(2.875rem * var(--mantine-scale));
3807
- --switch-width-lg: calc(3.5rem * var(--mantine-scale));
3808
- --switch-width-xl: calc(4.5rem * var(--mantine-scale));
3809
-
3810
- --switch-thumb-size-xs: calc(0.75rem * var(--mantine-scale));
3811
- --switch-thumb-size-sm: calc(0.875rem * var(--mantine-scale));
3812
- --switch-thumb-size-md: calc(1.125rem * var(--mantine-scale));
3813
- --switch-thumb-size-lg: calc(1.375rem * var(--mantine-scale));
3814
- --switch-thumb-size-xl: calc(1.75rem * var(--mantine-scale));
3815
-
3816
- --switch-label-font-size-xs: calc(0.3125rem * var(--mantine-scale));
3817
- --switch-label-font-size-sm: calc(0.375rem * var(--mantine-scale));
3818
- --switch-label-font-size-md: calc(0.4375rem * var(--mantine-scale));
3819
- --switch-label-font-size-lg: calc(0.5625rem * var(--mantine-scale));
3820
- --switch-label-font-size-xl: calc(0.6875rem * var(--mantine-scale));
3821
-
3822
- --switch-track-label-padding-xs: calc(0.0625rem * var(--mantine-scale));
3823
- --switch-track-label-padding-sm: calc(0.125rem * var(--mantine-scale));
3824
- --switch-track-label-padding-md: calc(0.125rem * var(--mantine-scale));
3825
- --switch-track-label-padding-lg: calc(0.1875rem * var(--mantine-scale));
3826
- --switch-track-label-padding-xl: calc(0.1875rem * var(--mantine-scale));
3827
-
3828
- position: relative;
3829
- }
3830
-
3831
- .mantine-6BtVmwd {
3832
- height: 0;
3833
- width: 0;
3834
- opacity: 0;
3835
- margin: 0;
3836
- padding: 0;
3837
- position: absolute;
3838
- overflow: hidden;
3839
- white-space: nowrap;
3840
- }
3841
-
3842
- .mantine-BU-ARqd {
3843
- -webkit-tap-highlight-color: transparent;
3844
- cursor: var(--_switch-cursor, var(--mantine-cursor-type));
3845
- overflow: hidden;
3846
- position: relative;
3847
- border-radius: var(--switch-radius);
3848
- background-color: var(--_switch-bg);
3849
- border: calc(0.0625rem * var(--mantine-scale)) solid var(--_switch-bd);
3850
- height: var(--switch-height);
3851
- min-width: var(--switch-width);
3852
- margin: 0;
3853
- transition: background-color 150ms ease, border-color 150ms ease;
3854
- appearance: none;
3855
- display: flex;
3856
- align-items: center;
3857
- font-size: var(--switch-label-font-size);
3858
- font-weight: 600;
3859
- order: var(--_switch-order, 1);
3860
- user-select: none;
3861
- z-index: 0;
3862
- line-height: 0;
3863
- color: var(--_switch-color);
3864
- }
3865
-
3866
- .mantine-6BtVmwd:focus-visible + .mantine-BU-ARqd {
3867
- outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-primary);
3868
- outline-offset: calc(0.125rem * var(--mantine-scale));
3869
- }
3870
-
3871
- .mantine-6BtVmwd:checked + .mantine-BU-ARqd {
3872
- --_switch-bg: var(--switch-color);
3873
- --_switch-bd: var(--switch-color);
3874
- --_switch-color: var(--mantine-color-white);
3875
- }
3876
-
3877
- .mantine-6BtVmwd:disabled + .mantine-BU-ARqd,
3878
- .mantine-6BtVmwd[data-disabled] + .mantine-BU-ARqd {
3879
- --_switch-bg: var(--_switch-disabled-color);
3880
- --_switch-bd: var(--_switch-disabled-color);
3881
- --_switch-cursor: not-allowed;
3882
- }
3883
-
3884
- [data-mantine-color-scheme='light'] .mantine-BU-ARqd {
3885
- --_switch-bg: var(--mantine-color-gray-2);
3886
- --_switch-bd: var(--mantine-color-gray-3);
3887
- --_switch-color: var(--mantine-color-gray-6);
3888
- --_switch-disabled-color: var(--mantine-color-gray-2);
3889
- }
3890
-
3891
- @media (prefers-color-scheme: light) {
3892
-
3893
- .mantine-BU-ARqd {
3894
- --_switch-bg: var(--mantine-color-gray-2);
3895
- --_switch-bd: var(--mantine-color-gray-3);
3896
- --_switch-color: var(--mantine-color-gray-6);
3897
- --_switch-disabled-color: var(--mantine-color-gray-2);
3898
- }
3899
- }
3900
-
3901
- [data-mantine-color-scheme='dark'] .mantine-BU-ARqd {
3902
- --_switch-bg: var(--mantine-color-dark-6);
3903
- --_switch-bd: var(--mantine-color-dark-4);
3904
- --_switch-color: var(--mantine-color-dark-1);
3905
- --_switch-disabled-color: var(--mantine-color-dark-4);
3906
- }
3907
-
3908
- @media (prefers-color-scheme: dark) {
3909
-
3910
- .mantine-BU-ARqd {
3911
- --_switch-bg: var(--mantine-color-dark-6);
3912
- --_switch-bd: var(--mantine-color-dark-4);
3913
- --_switch-color: var(--mantine-color-dark-1);
3914
- --_switch-disabled-color: var(--mantine-color-dark-4);
3915
- }
3916
- }
3917
-
3918
- .mantine-BU-ARqd[data-error] {
3919
- --_switch-bd: var(--mantine-color-error);
3920
- }
3921
-
3922
- .mantine-BU-ARqd[data-label-position='left'] {
3923
- --_switch-order: 2;
3924
- }
3925
-
3926
- .mantine-i2HdMIO {
3927
- position: absolute;
3928
- z-index: 1;
3929
- border-radius: var(--switch-radius);
3930
- display: flex;
3931
- background-color: var(--_switch-thumb-bg, var(--mantine-color-white));
3932
- height: var(--switch-thumb-size);
3933
- width: var(--switch-thumb-size);
3934
- border: calc(0.0625rem * var(--mantine-scale)) solid var(--_switch-thumb-bd);
3935
- left: var(--_switch-thumb-left, var(--switch-track-label-padding));
3936
- transition: left 150ms ease;
3937
- }
3938
-
3939
- .mantine-i2HdMIO > * {
3940
- margin: auto;
3941
- }
3942
-
3943
- .mantine-6BtVmwd:checked + * > .mantine-i2HdMIO {
3944
- --_switch-thumb-left: calc(100% - var(--switch-thumb-size) - var(--switch-track-label-padding));
3945
- --_switch-thumb-bd: var(--mantine-color-white);
3946
- }
3947
-
3948
- .mantine-6BtVmwd:disabled + * > .mantine-i2HdMIO,
3949
- .mantine-6BtVmwd[data-disabled] + * > .mantine-i2HdMIO {
3950
- --_switch-thumb-bd: var(--_switch-thumb-bg-disabled);
3951
- --_switch-thumb-bg: var(--_switch-thumb-bg-disabled);
3952
- }
3953
-
3954
- [data-mantine-color-scheme='light'] .mantine-i2HdMIO {
3955
- --_switch-thumb-bd: var(--mantine-color-gray-3);
3956
- --_switch-thumb-bg-disabled: var(--mantine-color-gray-0);
3957
- }
3958
-
3959
- @media (prefers-color-scheme: light) {
3960
-
3961
- .mantine-i2HdMIO {
3962
- --_switch-thumb-bd: var(--mantine-color-gray-3);
3963
- --_switch-thumb-bg-disabled: var(--mantine-color-gray-0);
3964
- }
3965
- }
3966
-
3967
- [data-mantine-color-scheme='dark'] .mantine-i2HdMIO {
3968
- --_switch-thumb-bd: var(--mantine-color-white);
3969
- --_switch-thumb-bg-disabled: var(--mantine-color-dark-3);
3970
- }
3971
-
3972
- @media (prefers-color-scheme: dark) {
3973
-
3974
- .mantine-i2HdMIO {
3975
- --_switch-thumb-bd: var(--mantine-color-white);
3976
- --_switch-thumb-bg-disabled: var(--mantine-color-dark-3);
3977
- }
3978
- }
3979
-
3980
- .mantine-0X3WnHm {
3981
- height: 100%;
3982
- display: grid;
3983
- place-content: center;
3984
- min-width: calc(var(--switch-width) - var(--switch-thumb-size));
3985
- padding-inline: var(--switch-track-label-padding);
3986
- margin: 0 0 0 calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
3987
- transition: margin 150ms ease;
3988
- }
3989
-
3990
- .mantine-6BtVmwd:checked + * > .mantine-0X3WnHm {
3991
- margin: 0 calc(var(--switch-thumb-size) + var(--switch-track-label-padding)) 0 0;
3992
- }
3993
-
3994
- .mantine-4pMcfOJ {
3995
- width: 100%;
3996
- border-collapse: collapse;
3997
- line-height: var(--mantine-line-height);
3998
- font-size: var(--mantine-font-size-sm);
3999
- table-layout: var(--table-layout, auto);
4000
- caption-side: var(--table-caption-side);
4001
- border: var(--_table-border, none);
4002
- }
4003
-
4004
- [data-mantine-color-scheme='light'] .mantine-4pMcfOJ {
4005
- --_table-hover-color: var(--table-highlight-on-hover-color, var(--mantine-color-gray-1));
4006
- --_table-striped-color: var(--table-striped-color, var(--mantine-color-gray-0));
4007
- --_table-border-color: var(--table-border-color, var(--mantine-color-gray-3));
4008
- }
4009
-
4010
- @media (prefers-color-scheme: light) {
4011
-
4012
- .mantine-4pMcfOJ {
4013
- --_table-hover-color: var(--table-highlight-on-hover-color, var(--mantine-color-gray-1));
4014
- --_table-striped-color: var(--table-striped-color, var(--mantine-color-gray-0));
4015
- --_table-border-color: var(--table-border-color, var(--mantine-color-gray-3));
4016
- }
4017
- }
4018
-
4019
- [data-mantine-color-scheme='dark'] .mantine-4pMcfOJ {
4020
- --_table-hover-color: var(--table-highlight-on-hover-color, var(--mantine-color-dark-5));
4021
- --_table-striped-color: var(--table-striped-color, var(--mantine-color-dark-6));
4022
- --_table-border-color: var(--table-border-color, var(--mantine-color-dark-4));
4023
- }
4024
-
4025
- @media (prefers-color-scheme: dark) {
4026
-
4027
- .mantine-4pMcfOJ {
4028
- --_table-hover-color: var(--table-highlight-on-hover-color, var(--mantine-color-dark-5));
4029
- --_table-striped-color: var(--table-striped-color, var(--mantine-color-dark-6));
4030
- --_table-border-color: var(--table-border-color, var(--mantine-color-dark-4));
4031
- }
4032
- }
4033
-
4034
- .mantine-4pMcfOJ[data-with-table-border] {
4035
- --_table-border: calc(0.0625rem * var(--mantine-scale)) solid var(--_table-border-color);
4036
- }
4037
-
4038
- .mantine-3gTtPB9 {
4039
- text-align: var(--_th-text-align, left);
4040
- }
4041
-
4042
- [dir="rtl"] .mantine-3gTtPB9 {
4043
- --_th-text-align: right;
4044
- }
4045
-
4046
- .mantine-iKGktTN {
4047
- border-bottom: var(--_tr-border-bottom, none);
4048
- background-color: var(--_tr-bg, transparent);
4049
- }
4050
-
4051
- @media (hover: hover) {
4052
-
4053
- .mantine-iKGktTN:hover {
4054
- --_tr-bg: var(--_tr-hover-bg, transparent);
4055
- }
4056
- }
4057
-
4058
- @media (hover: none) {
4059
-
4060
- .mantine-iKGktTN:active {
4061
- --_tr-bg: var(--_tr-hover-bg, transparent);
4062
- }
4063
- }
4064
-
4065
- .mantine-iKGktTN[data-with-row-border] {
4066
- --_tr-border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--_table-border-color);
4067
- }
4068
-
4069
- .mantine-2ZfSoeP,
4070
- .mantine-3gTtPB9 {
4071
- padding: var(--table-vertical-spacing) var(--table-horizontal-spacing);
4072
- border-left: var(--_border-left);
4073
- border-right: var(--_border-right);
4074
-
4075
- --_border-right: none;
4076
- --_border-left: none;
4077
- }
4078
-
4079
- .mantine-2ZfSoeP[data-with-column-border]:not(:last-of-type), .mantine-3gTtPB9[data-with-column-border]:not(:last-of-type) {
4080
- --_border-right: calc(0.0625rem * var(--mantine-scale)) solid var(--_table-border-color);
4081
- }
4082
-
4083
- [dir="rtl"] .mantine-2ZfSoeP[data-with-column-border]:not(:last-of-type), [dir="rtl"] .mantine-3gTtPB9[data-with-column-border]:not(:last-of-type) {
4084
- --_border-left: calc(0.0625rem * var(--mantine-scale)) solid var(--_table-border-color);
4085
- --_border-right: none;
4086
- }
4087
-
4088
- .mantine-z46XZly > .mantine-iKGktTN:last-of-type[data-with-row-border] {
4089
- --_tr-border-bottom: none;
4090
- }
4091
-
4092
- .mantine-z46XZly > .mantine-iKGktTN[data-striped='odd']:nth-of-type(odd) {
4093
- --_tr-bg: var(--_table-striped-color);
4094
- }
4095
-
4096
- .mantine-z46XZly > .mantine-iKGktTN[data-striped='even']:nth-of-type(even) {
4097
- --_tr-bg: var(--_table-striped-color);
4098
- }
4099
-
4100
- .mantine-z46XZly > .mantine-iKGktTN[data-hover] {
4101
- --_tr-hover-bg: var(--_table-hover-color);
4102
- }
4103
-
4104
- .mantine-0faD29m {
4105
- color: var(--mantine-color-dimmed);
4106
- margin-top: var(--_margin-top, 0);
4107
- margin-bottom: var(--_margin-bottom, 0);
4108
- }
4109
-
4110
- .mantine-0faD29m[data-side='top'] {
4111
- --_margin-bottom: var(--mantine-spacing-xs);
4112
- }
4113
-
4114
- .mantine-0faD29m[data-side='bottom'] {
4115
- --_margin-top: var(--mantine-spacing-xs);
4116
- }
4117
-
4118
- .mantine-fBtrIHJ {
4119
- display: var(--_tabs-display);
4120
- flex-direction: var(--_tabs-flex-direction);
4121
-
4122
- --_tab-justify: flex-start;
4123
- --_list-direction: row;
4124
- --_panel-grow: unset;
4125
- --_tabs-display: block;
4126
- --_tabs-flex-direction: row;
4127
- --_list-border-width: calc(0rem * var(--mantine-scale));
4128
- --_list-border-size: 0 0 var(--_list-border-width) 0;
4129
- --_list-gap: unset;
4130
-
4131
- --_list-line-bottom: 0;
4132
- --_list-line-top: unset;
4133
- --_list-line-left: 0;
4134
- --_list-line-right: 0;
4135
-
4136
- --_tab-radius: var(--tabs-radius) var(--tabs-radius) 0 0;
4137
- --_tab-border-width: 0 0 var(--_list-border-width) 0;
4138
- }
4139
-
4140
- .mantine-fBtrIHJ[data-inverted] {
4141
- --_list-line-bottom: unset;
4142
- --_list-line-top: 0;
4143
- --_tab-radius: 0 0 var(--tabs-radius) var(--tabs-radius);
4144
- --_tab-border-width: var(--_list-border-width) 0 0 0;
4145
- }
4146
-
4147
- .mantine-fBtrIHJ[data-inverted] .mantine--ujetQ3::before {
4148
- top: 0;
4149
- bottom: unset;
4150
- }
4151
-
4152
- .mantine-fBtrIHJ[data-orientation='vertical'] {
4153
- --_list-line-left: unset;
4154
- --_list-line-right: 0;
4155
- --_list-line-top: 0;
4156
- --_list-line-bottom: 0;
4157
- --_list-border-size: 0 var(--_list-border-width) 0 0;
4158
- --_tab-border-width: 0 var(--_list-border-width) 0 0;
4159
- --_tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
4160
- --_list-direction: column;
4161
- --_panel-grow: 1;
4162
- --_tabs-display: flex;
4163
- }
4164
-
4165
- [dir="rtl"] .mantine-fBtrIHJ[data-orientation='vertical'] {
4166
- --_list-line-left: 0;
4167
- --_list-line-right: unset;
4168
- --_list-border-size: 0 0 0 var(--_list-border-width);
4169
- --_tab-border-width: 0 0 0 var(--_list-border-width);
4170
- --_tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
4171
- }
4172
-
4173
- .mantine-fBtrIHJ[data-orientation='vertical'][data-placement='right'] {
4174
- --_tabs-flex-direction: row-reverse;
4175
- --_list-line-left: 0;
4176
- --_list-line-right: unset;
4177
- --_list-border-size: 0 0 0 var(--_list-border-width);
4178
- --_tab-border-width: 0 0 0 var(--_list-border-width);
4179
- --_tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
4180
- }
4181
-
4182
- [dir="rtl"] .mantine-fBtrIHJ[data-orientation='vertical'][data-placement='right'] {
4183
- --_list-line-left: unset;
4184
- --_list-line-right: 0;
4185
- --_list-border-size: 0 var(--_list-border-width) 0 0;
4186
- --_tab-border-width: 0 var(--_list-border-width) 0 0;
4187
- --_tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
4188
- }
4189
-
4190
- [data-mantine-color-scheme='light'] .mantine-fBtrIHJ {
4191
- --_tab-border-color: var(--mantine-color-gray-3);
4192
- }
4193
-
4194
- @media (prefers-color-scheme: light) {
4195
-
4196
- .mantine-fBtrIHJ {
4197
- --_tab-border-color: var(--mantine-color-gray-3);
4198
- }
4199
- }
4200
-
4201
- [data-mantine-color-scheme='dark'] .mantine-fBtrIHJ {
4202
- --_tab-border-color: var(--mantine-color-dark-4);
4203
- }
4204
-
4205
- @media (prefers-color-scheme: dark) {
4206
-
4207
- .mantine-fBtrIHJ {
4208
- --_tab-border-color: var(--mantine-color-dark-4);
4209
- }
4210
- }
4211
-
4212
- .mantine-fBtrIHJ[data-orientation='horizontal'] {
4213
- --_tab-justify: center;
4214
- }
4215
-
4216
- .mantine-fBtrIHJ[data-variant='default'] {
4217
- --_list-border-width: calc(0.125rem * var(--mantine-scale));
4218
- }
4219
-
4220
- [data-mantine-color-scheme='light'] .mantine-fBtrIHJ[data-variant='default'] {
4221
- --_tab-hover-color: var(--mantine-color-gray-0);
4222
- }
4223
-
4224
- @media (prefers-color-scheme: light) {
4225
-
4226
- .mantine-fBtrIHJ[data-variant='default'] {
4227
- --_tab-hover-color: var(--mantine-color-gray-0);
4228
- }
4229
- }
4230
-
4231
- [data-mantine-color-scheme='dark'] .mantine-fBtrIHJ[data-variant='default'] {
4232
- --_tab-hover-color: var(--mantine-color-dark-6);
4233
- }
4234
-
4235
- @media (prefers-color-scheme: dark) {
4236
-
4237
- .mantine-fBtrIHJ[data-variant='default'] {
4238
- --_tab-hover-color: var(--mantine-color-dark-6);
4239
- }
4240
- }
4241
-
4242
- .mantine-fBtrIHJ[data-variant='outline'] {
4243
- --_list-border-width: calc(0.0625rem * var(--mantine-scale));
4244
- }
4245
-
4246
- .mantine-fBtrIHJ[data-variant='pills'] {
4247
- --_list-gap: calc(var(--mantine-spacing-sm) / 2);
4248
- }
4249
-
4250
- [data-mantine-color-scheme='light'] .mantine-fBtrIHJ[data-variant='pills'] {
4251
- --_tab-hover-color: var(--mantine-color-gray-0);
4252
- }
4253
-
4254
- @media (prefers-color-scheme: light) {
4255
-
4256
- .mantine-fBtrIHJ[data-variant='pills'] {
4257
- --_tab-hover-color: var(--mantine-color-gray-0);
4258
- }
4259
- }
4260
-
4261
- [data-mantine-color-scheme='dark'] .mantine-fBtrIHJ[data-variant='pills'] {
4262
- --_tab-hover-color: var(--mantine-color-dark-6);
4263
- }
4264
-
4265
- @media (prefers-color-scheme: dark) {
4266
-
4267
- .mantine-fBtrIHJ[data-variant='pills'] {
4268
- --_tab-hover-color: var(--mantine-color-dark-6);
4269
- }
4270
- }
4271
-
4272
- .mantine-b84LNt- {
4273
- display: flex;
4274
- flex-wrap: wrap;
4275
- justify-content: var(--tabs-justify, flex-start);
4276
- flex-direction: var(--_list-direction);
4277
- gap: var(--_list-gap);
4278
-
4279
- --_tab-grow: unset;
4280
- }
4281
-
4282
- .mantine-b84LNt-[data-grow] {
4283
- --_tab-grow: 1;
4284
- }
4285
-
4286
- .mantine-6B21-pC {
4287
- flex-grow: var(--_panel-grow);
4288
- }
4289
-
4290
- .mantine-aoNu4SV {
4291
- position: relative;
4292
- padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
4293
- font-size: var(--mantine-font-size-sm);
4294
- white-space: nowrap;
4295
- z-index: 0;
4296
- display: flex;
4297
- align-items: center;
4298
- line-height: 1;
4299
- user-select: none;
4300
- flex-grow: var(--_tab-grow);
4301
- justify-content: var(--_tab-justify);
4302
- }
4303
-
4304
- .mantine-aoNu4SV:disabled,
4305
- .mantine-aoNu4SV[data-disabled] {
4306
- opacity: 0.5;
4307
- cursor: not-allowed;
4308
- }
4309
-
4310
- .mantine-aoNu4SV:focus {
4311
- z-index: 1;
4312
- }
4313
-
4314
- .mantine-73ehQrs {
4315
- display: flex;
4316
- align-items: center;
4317
- justify-content: center;
4318
- margin-left: var(--_tab-section-margin-left, 0);
4319
- margin-right: var(--_tab-section-margin-right, 0);
4320
- }
4321
-
4322
- .mantine-73ehQrs[data-position='left']:not(:only-child) {
4323
- --_tab-section-margin-right: var(--mantine-spacing-xs);
4324
- }
4325
-
4326
- [dir="rtl"] .mantine-73ehQrs[data-position='left']:not(:only-child) {
4327
- --_tab-section-margin-right: 0rem;
4328
- --_tab-section-margin-left: var(--mantine-spacing-xs);
4329
- }
4330
-
4331
- .mantine-73ehQrs[data-position='right']:not(:only-child) {
4332
- --_tab-section-margin-left: var(--mantine-spacing-xs);
4333
- }
4334
-
4335
- [dir="rtl"] .mantine-73ehQrs[data-position='right']:not(:only-child) {
4336
- --_tab-section-margin-left: 0rem;
4337
- --_tab-section-margin-right: var(--mantine-spacing-xs);
4338
- }
4339
-
4340
- /*************************************** default variant ***************************************/
4341
- .mantine--ujetQ3 {
4342
- position: relative;
4343
- }
4344
- .mantine--ujetQ3::before {
4345
- content: '';
4346
- position: absolute;
4347
- border-color: var(--_tab-border-color);
4348
- border-width: var(--_list-border-size);
4349
- border-style: solid;
4350
- bottom: var(--_list-line-bottom);
4351
- left: var(--_list-line-left);
4352
- right: var(--_list-line-right);
4353
- top: var(--_list-line-top);
4354
- }
4355
-
4356
- .mantine-29OfT1F {
4357
- border-radius: var(--_tab-radius);
4358
- border-width: var(--_tab-border-width);
4359
- border-style: solid;
4360
- border-color: var(--__tab-border-color);
4361
- background-color: var(--_tab-bg);
4362
-
4363
- --__tab-border-color: transparent;
4364
- --_tab-bg: transparent;
4365
- }
4366
-
4367
- .mantine-29OfT1F[data-active] {
4368
- --__tab-border-color: var(--tabs-color);
4369
- }
4370
-
4371
- @media (hover: hover) {
4372
-
4373
- .mantine-29OfT1F:hover {
4374
- --_tab-bg: var(--_tab-hover-color);
4375
- }
4376
-
4377
- .mantine-29OfT1F:hover:not([data-active]) {
4378
- --__tab-border-color: var(--_tab-border-color);
4379
- }
4380
- }
4381
-
4382
- @media (hover: none) {
4383
-
4384
- .mantine-29OfT1F:active {
4385
- --_tab-bg: var(--_tab-hover-color);
4386
- }
4387
-
4388
- .mantine-29OfT1F:active:not([data-active]) {
4389
- --__tab-border-color: var(--_tab-border-color);
4390
- }
4391
- }
4392
-
4393
- @media (hover: hover) {
4394
-
4395
- .mantine-29OfT1F:disabled:hover, .mantine-29OfT1F[data-disabled]:hover {
4396
- --_tab-bg: transparent;
4397
- }
4398
- }
4399
-
4400
- @media (hover: none) {
4401
-
4402
- .mantine-29OfT1F:disabled:active, .mantine-29OfT1F[data-disabled]:active {
4403
- --_tab-bg: transparent;
4404
- }
4405
- }
4406
-
4407
- /*************************************** outline variant ***************************************/
4408
- .mantine-qPTfIBZ {
4409
- position: relative;
4410
- }
4411
- .mantine-qPTfIBZ::before {
4412
- content: '';
4413
- position: absolute;
4414
- border-color: var(--_tab-border-color);
4415
- border-width: var(--_list-border-size);
4416
- border-style: solid;
4417
- bottom: var(--_list-line-bottom);
4418
- left: var(--_list-line-left);
4419
- right: var(--_list-line-right);
4420
- top: var(--_list-line-top);
4421
- }
4422
-
4423
- .mantine-0AMwxi5 {
4424
- border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
4425
- border-top-color: var(--_tab-border-top-color);
4426
- border-bottom-color: var(--_tab-border-bottom-color);
4427
- border-left-color: var(--_tab-border-left-color);
4428
- border-right-color: var(--_tab-border-right-color);
4429
- border-radius: var(--_tab-radius);
4430
-
4431
- --_tab-border-bottom-color: transparent;
4432
- --_tab-border-top-color: transparent;
4433
- --_tab-border-right-color: transparent;
4434
- --_tab-border-left-color: transparent;
4435
- }
4436
-
4437
- .mantine-0AMwxi5[data-active] {
4438
- --_tab-border-top-color: var(--_tab-border-color);
4439
- --_tab-border-left-color: var(--_tab-border-color);
4440
- --_tab-border-right-color: var(--_tab-border-color);
4441
- --_tab-border-bottom-color: var(--mantine-color-body);
4442
- }
4443
-
4444
- .mantine-0AMwxi5[data-active][data-inverted] {
4445
- --_tab-border-bottom-color: var(--_tab-border-color);
4446
- --_tab-border-top-color: var(--mantine-color-body);
4447
- }
4448
-
4449
- .mantine-0AMwxi5[data-active][data-orientation='vertical'][data-placement='left'] {
4450
- --_tab-border-right-color: var(--mantine-color-body);
4451
- --_tab-border-left-color: var(--_tab-border-color);
4452
- --_tab-border-bottom-color: var(--_tab-border-color);
4453
- }
4454
-
4455
- [dir="rtl"] .mantine-0AMwxi5[data-active][data-orientation='vertical'][data-placement='left'] {
4456
- --_tab-border-right-color: var(--_tab-border-color);
4457
- --_tab-border-left-color: var(--mantine-color-body);
4458
- }
4459
-
4460
- .mantine-0AMwxi5[data-active][data-orientation='vertical'][data-placement='right'] {
4461
- --_tab-border-left-color: var(--mantine-color-body);
4462
- --_tab-border-right-color: var(--_tab-border-color);
4463
- --_tab-border-bottom-color: var(--_tab-border-color);
4464
- }
4465
-
4466
- [dir="rtl"] .mantine-0AMwxi5[data-active][data-orientation='vertical'][data-placement='right'] {
4467
- --_tab-border-left-color: var(--_tab-border-color);
4468
- --_tab-border-right-color: var(--mantine-color-body);
4469
- }
4470
-
4471
- /*************************************** pills variant ***************************************/
4472
- .mantine--HC5qJb {
4473
- border-radius: var(--tabs-radius);
4474
- background-color: var(--_tab-bg);
4475
- color: var(--_tab-color);
4476
-
4477
- --_tab-bg: transparent;
4478
- --_tab-color: inherit;
4479
- }
4480
- @media (hover: hover) {
4481
-
4482
- .mantine--HC5qJb:not([data-disabled]):hover {
4483
- --_tab-bg: var(--_tab-hover-color);
4484
- }
4485
- }
4486
- @media (hover: none) {
4487
-
4488
- .mantine--HC5qJb:not([data-disabled]):active {
4489
- --_tab-bg: var(--_tab-hover-color);
4490
- }
4491
- }
4492
- .mantine--HC5qJb[data-active][data-active] {
4493
- --_tab-bg: var(--tabs-color);
4494
- --_tab-color: var(--mantine-color-white);
4495
- }
4496
- @media (hover: hover) {
4497
-
4498
- .mantine--HC5qJb[data-active][data-active]:hover {
4499
- --_tab-bg: var(--tabs-color);
4500
- }
4501
- }
4502
- @media (hover: none) {
4503
-
4504
- .mantine--HC5qJb[data-active][data-active]:active {
4505
- --_tab-bg: var(--tabs-color);
4506
- }
4507
- }
4508
-
4509
- .mantine-ORyC6kG {
4510
- margin: 0;
4511
- font-weight: var(--title-fw);
4512
- font-size: var(--title-fz);
4513
- line-height: var(--title-lh);
4514
- font-family: var(--mantine-font-family-headings);
4515
- }
4516
-
4517
- .mantine-XNobA9l {
4518
- position: absolute;
4519
- padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-xs);
4520
- pointer-events: none;
4521
- font-size: var(--mantine-font-size-sm);
4522
- white-space: var(--_tooltip-white-space, nowrap);
4523
- background-color: var(--_tooltip-bg);
4524
- color: var(--_tooltip-color);
4525
- border-radius: var(--tooltip-radius);
4526
- }
4527
-
4528
- [data-mantine-color-scheme='light'] .mantine-XNobA9l {
4529
- --_tooltip-bg: var(--tooltip-bg, var(--mantine-color-gray-9));
4530
- --_tooltip-color: var(--mantine-color-white);
4531
- }
4532
-
4533
- @media (prefers-color-scheme: light) {
4534
-
4535
- .mantine-XNobA9l {
4536
- --_tooltip-bg: var(--tooltip-bg, var(--mantine-color-gray-9));
4537
- --_tooltip-color: var(--mantine-color-white);
4538
- }
4539
- }
4540
-
4541
- [data-mantine-color-scheme='dark'] .mantine-XNobA9l {
4542
- --_tooltip-bg: var(--tooltip-bg, var(--mantine-color-gray-2));
4543
- --_tooltip-color: var(--mantine-color-black);
4544
- }
4545
-
4546
- @media (prefers-color-scheme: dark) {
4547
-
4548
- .mantine-XNobA9l {
4549
- --_tooltip-bg: var(--tooltip-bg, var(--mantine-color-gray-2));
4550
- --_tooltip-color: var(--mantine-color-black);
4551
- }
4552
- }
4553
-
4554
- .mantine-XNobA9l[data-multiline] {
4555
- --_tooltip-white-space: normal;
4556
- }
4557
-
4558
- .mantine-NpDXIwZ {
4559
- background-color: inherit;
4560
- border: 0;
4561
- z-index: 1;
4562
- }
4563
-
4564
- .mantine-yPad50m h1,
4565
- .mantine-yPad50m h2,
4566
- .mantine-yPad50m h3,
4567
- .mantine-yPad50m h4,
4568
- .mantine-yPad50m h5,
4569
- .mantine-yPad50m h6 {
4570
- margin-top: calc(1.55 * var(--mantine-spacing-xl));
4571
- margin-bottom: var(--mantine-spacing-xs);
4572
- }
4573
- .mantine-yPad50m h1 {
4574
- font-size: var(--mantine-h1-font-size);
4575
- line-height: var(--mantine-h1-line-height);
4576
- font-weight: var(--mantine-h1-font-weight);
4577
- }
4578
- .mantine-yPad50m h2 {
4579
- font-size: var(--mantine-h2-font-size);
4580
- line-height: var(--mantine-h2-line-height);
4581
- font-weight: var(--mantine-h2-font-weight);
4582
- }
4583
- .mantine-yPad50m h3 {
4584
- font-size: var(--mantine-h3-font-size);
4585
- line-height: var(--mantine-h3-line-height);
4586
- font-weight: var(--mantine-h3-font-weight);
4587
- }
4588
- .mantine-yPad50m h4 {
4589
- font-size: var(--mantine-h4-font-size);
4590
- line-height: var(--mantine-h4-line-height);
4591
- font-weight: var(--mantine-h4-font-weight);
4592
- }
4593
- .mantine-yPad50m h5 {
4594
- font-size: var(--mantine-h5-font-size);
4595
- line-height: var(--mantine-h5-line-height);
4596
- font-weight: var(--mantine-h5-font-weight);
4597
- }
4598
- .mantine-yPad50m h6 {
4599
- font-size: var(--mantine-h6-font-size);
4600
- line-height: var(--mantine-h6-line-height);
4601
- font-weight: var(--mantine-h6-font-weight);
4602
- }
4603
- .mantine-yPad50m img {
4604
- max-width: 100%;
4605
- margin-bottom: var(--mantine-spacing-xs);
4606
- }
4607
- .mantine-yPad50m p {
4608
- margin-top: 0;
4609
- margin-bottom: var(--mantine-spacing-lg);
4610
- }
4611
- [data-mantine-color-scheme='light'] .mantine-yPad50m mark {
4612
- background-color: var(--mantine-color-yellow-2);
4613
- color: inherit;
4614
- }
4615
- @media (prefers-color-scheme: light) {
4616
- .mantine-yPad50m mark {
4617
- background-color: var(--mantine-color-yellow-2);
4618
- color: inherit;
4619
- }
4620
- }
4621
- [data-mantine-color-scheme='dark'] .mantine-yPad50m mark {
4622
- background-color: var(--mantine-color-yellow-5);
4623
- color: var(--mantine-color-black);
4624
- }
4625
- @media (prefers-color-scheme: dark) {
4626
- .mantine-yPad50m mark {
4627
- background-color: var(--mantine-color-yellow-5);
4628
- color: var(--mantine-color-black);
4629
- }
4630
- }
4631
- .mantine-yPad50m a {
4632
- color: var(--mantine-color-anchor);
4633
- text-decoration: none;
4634
- }
4635
- @media (hover: hover) {
4636
- .mantine-yPad50m a:hover {
4637
- text-decoration: underline;
4638
- }
4639
- }
4640
- @media (hover: none) {
4641
- .mantine-yPad50m a:active {
4642
- text-decoration: underline;
4643
- }
4644
- }
4645
- .mantine-yPad50m hr {
4646
- margin-top: var(--mantine-spacing-md);
4647
- margin-bottom: var(--mantine-spacing-md);
4648
- border: 0;
4649
- border-top: calc(0.0625rem * var(--mantine-scale)) solid;
4650
- }
4651
- [data-mantine-color-scheme='light'] .mantine-yPad50m hr {
4652
- border-color: var(--mantine-color-gray-3);
4653
- }
4654
- @media (prefers-color-scheme: light) {
4655
- .mantine-yPad50m hr {
4656
- border-color: var(--mantine-color-gray-3);
4657
- }
4658
- }
4659
- [data-mantine-color-scheme='dark'] .mantine-yPad50m hr {
4660
- border-color: var(--mantine-color-dark-3);
4661
- }
4662
- @media (prefers-color-scheme: dark) {
4663
- .mantine-yPad50m hr {
4664
- border-color: var(--mantine-color-dark-3);
4665
- }
4666
- }
4667
- .mantine-yPad50m pre {
4668
- padding: var(--mantine-spacing-xs);
4669
- line-height: var(--mantine-line-height);
4670
- margin: 0;
4671
- margin-top: var(--mantine-spacing-md);
4672
- margin-bottom: var(--mantine-spacing-md);
4673
- overflow-x: auto;
4674
- font-family: var(--mantine-font-family-monospace);
4675
- font-size: var(--mantine-font-size-xs);
4676
- border-radius: var(--mantine-radius-sm);
4677
- }
4678
- [data-mantine-color-scheme='light'] .mantine-yPad50m pre {
4679
- background-color: var(--mantine-color-gray-0);
4680
- }
4681
- @media (prefers-color-scheme: light) {
4682
- .mantine-yPad50m pre {
4683
- background-color: var(--mantine-color-gray-0);
4684
- }
4685
- }
4686
- [data-mantine-color-scheme='dark'] .mantine-yPad50m pre {
4687
- background-color: var(--mantine-color-dark-8);
4688
- }
4689
- @media (prefers-color-scheme: dark) {
4690
- .mantine-yPad50m pre {
4691
- background-color: var(--mantine-color-dark-8);
4692
- }
4693
- }
4694
- .mantine-yPad50m pre code {
4695
- background-color: transparent;
4696
- padding: 0;
4697
- border-radius: 0;
4698
- color: inherit;
4699
- border: 0;
4700
- }
4701
- .mantine-yPad50m code {
4702
- line-height: var(--mantine-line-height);
4703
- padding: calc(0.0625rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
4704
- border-radius: var(--mantine-radius-sm);
4705
- font-family: var(--mantine-font-family-monospace);
4706
- font-size: var(--mantine-font-size-xs);
4707
- }
4708
- [data-mantine-color-scheme='light'] .mantine-yPad50m code {
4709
- background-color: var(--mantine-color-gray-0);
4710
- color: var(--mantine-color-black);
4711
- }
4712
- @media (prefers-color-scheme: light) {
4713
- .mantine-yPad50m code {
4714
- background-color: var(--mantine-color-gray-0);
4715
- color: var(--mantine-color-black);
4716
- }
4717
- }
4718
- [data-mantine-color-scheme='dark'] .mantine-yPad50m code {
4719
- background-color: var(--mantine-color-dark-5);
4720
- color: var(--mantine-color-white);
4721
- }
4722
- @media (prefers-color-scheme: dark) {
4723
- .mantine-yPad50m code {
4724
- background-color: var(--mantine-color-dark-5);
4725
- color: var(--mantine-color-white);
4726
- }
4727
- }
4728
- .mantine-yPad50m ul,
4729
- .mantine-yPad50m,
4730
- .mantine-yPad50m ol {
4731
- margin-bottom: var(--mantine-spacing-md);
4732
- padding-left: calc(2.375rem * var(--mantine-scale));
4733
- }
4734
- .mantine-yPad50m ul li, .mantine-yPad50m li, .mantine-yPad50m ol li {
4735
- margin-bottom: var(--mantine-spacing-xs);
4736
- }
4737
- .mantine-yPad50m table {
4738
- width: 100%;
4739
- border-collapse: collapse;
4740
- caption-side: bottom;
4741
- margin-bottom: var(--mantine-spacing-md);
4742
- }
4743
- .mantine-yPad50m table caption {
4744
- margin-top: var(--mantine-spacing-xs);
4745
- font-size: var(--mantine-font-size-sm);
4746
- color: var(--mantine-color-gray-6);
4747
- }
4748
- .mantine-yPad50m table th {
4749
- text-align: left;
4750
- font-weight: bold;
4751
- color: var(--mantine-color-gray-7);
4752
- font-size: var(--mantine-font-size-sm);
4753
- padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
4754
- }
4755
- .mantine-yPad50m table thead th {
4756
- border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
4757
- border-color: var(--mantine-color-gray-3);
4758
- }
4759
- .mantine-yPad50m table tfoot th {
4760
- border-top: calc(0.0625rem * var(--mantine-scale)) solid;
4761
- border-color: var(--mantine-color-gray-3);
4762
- }
4763
- .mantine-yPad50m table td {
4764
- padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
4765
- border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
4766
- border-color: var(--mantine-color-gray-3);
4767
- font-size: var(--mantine-font-size-sm);
4768
- }
4769
- .mantine-yPad50m table tr:last-of-type td {
4770
- border-bottom: 0;
4771
- }
4772
- .mantine-yPad50m blockquote {
4773
- font-size: var(--mantine-font-size-lg);
4774
- line-height: var(--mantine-line-height);
4775
- margin: var(--mantine-spacing-md) 0;
4776
- border-radius: var(--mantine-radius-sm);
4777
- padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
4778
- }
4779
- [data-mantine-color-scheme='light'] .mantine-yPad50m blockquote {
4780
- background-color: var(--mantine-color-gray-0);
4781
- }
4782
- @media (prefers-color-scheme: light) {
4783
- .mantine-yPad50m blockquote {
4784
- background-color: var(--mantine-color-gray-0);
4785
- }
4786
- }
4787
- [data-mantine-color-scheme='dark'] .mantine-yPad50m blockquote {
4788
- background-color: var(--mantine-color-dark-8);
4789
- }
4790
- @media (prefers-color-scheme: dark) {
4791
- .mantine-yPad50m blockquote {
4792
- background-color: var(--mantine-color-dark-8);
4793
- }
4794
- }
4795
-
4796
- .mantine-27MenJe {
4797
- border: 0;
4798
- clip: rect(0 0 0 0);
4799
- height: 1px;
4800
- width: 1px;
4801
- margin: -1px;
4802
- overflow: hidden;
4803
- padding: 0;
4804
- position: absolute;
4805
- white-space: nowrap;
4806
- }