@streamoid/ui 0.1.0

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/dist/index.css ADDED
@@ -0,0 +1,4343 @@
1
+ /* src/Global.css */
2
+ :root {
3
+ --primitives-neutral-50: #f5f5f5;
4
+ --primitives-neutral-100: #e8e8e8;
5
+ --primitives-neutral-200: #dadada;
6
+ --primitives-neutral-300: #bfbfbf;
7
+ --primitives-neutral-400: #9e9e9e;
8
+ --primitives-neutral-500: #7a7a7a;
9
+ --primitives-neutral-600: #5c5c5c;
10
+ --primitives-neutral-700: #3e3e3e;
11
+ --primitives-neutral-725: #383838;
12
+ --primitives-neutral-750: #313131;
13
+ --primitives-neutral-775: #2a2a2a;
14
+ --primitives-neutral-800: #242424;
15
+ --primitives-neutral-825: #1f1f1f;
16
+ --primitives-neutral-850: #1a1a1a;
17
+ --primitives-neutral-875: #151515;
18
+ --primitives-neutral-900: #101010;
19
+ --primitives-neutral-925: #0e0e0e;
20
+ --primitives-neutral-950: #0b0b0b;
21
+ --primitives-neutral-975: #070707;
22
+ --primitives-neutral-990: #040404;
23
+ --primitives-neutral-995: #020202;
24
+ --primitives-neutral-998: #010101;
25
+ --primitives-neutral-999: #000000;
26
+ --primitives-gray-50: #f6f7f8;
27
+ --primitives-gray-100: #e4e7eb;
28
+ --primitives-gray-200: #cbd2d9;
29
+ --primitives-gray-300: #9aa5b1;
30
+ --primitives-gray-400: #7b8794;
31
+ --primitives-gray-500: #616e7c;
32
+ --primitives-gray-600: #52606d;
33
+ --primitives-gray-700: #3e4c59;
34
+ --primitives-gray-725: #3b4956;
35
+ --primitives-gray-750: #384652;
36
+ --primitives-gray-775: #35424e;
37
+ --primitives-gray-800: #323f4b;
38
+ --primitives-gray-825: #2d3a45;
39
+ --primitives-gray-850: #28343f;
40
+ --primitives-gray-875: #242e39;
41
+ --primitives-gray-900: #1f2933;
42
+ --primitives-gray-925: #1a232c;
43
+ --primitives-gray-950: #161d26;
44
+ --primitives-gray-975: #0f141a;
45
+ --primitives-gray-990: #0a0e13;
46
+ --primitives-gray-995: #06080b;
47
+ --primitives-gray-998: #030405;
48
+ --primitives-gray-999: #010102;
49
+ --primitives-success-50: #e6f9f0;
50
+ --primitives-success-100: #c1f0d9;
51
+ --primitives-success-200: #8be6bb;
52
+ --primitives-success-300: #4fd99b;
53
+ --primitives-success-400: #22c97c;
54
+ --primitives-success-500: #00b96b;
55
+ --primitives-success-600: #009b59;
56
+ --primitives-success-700: #007d48;
57
+ --primitives-success-725: #007644;
58
+ --primitives-success-750: #006f40;
59
+ --primitives-success-775: #00683c;
60
+ --primitives-success-800: #006138;
61
+ --primitives-success-825: #005a34;
62
+ --primitives-success-850: #005331;
63
+ --primitives-success-875: #004c2e;
64
+ --primitives-success-900: #00452a;
65
+ --primitives-success-925: #003d24;
66
+ --primitives-success-950: #00351f;
67
+ --primitives-success-975: #002515;
68
+ --primitives-success-990: #00190e;
69
+ --primitives-success-995: #000f08;
70
+ --primitives-success-998: #000804;
71
+ --primitives-success-999: #000402;
72
+ --primitives-warning-50: #fff7e6;
73
+ --primitives-warning-100: #ffe7b8;
74
+ --primitives-warning-200: #ffd27a;
75
+ --primitives-warning-300: #ffba3a;
76
+ --primitives-warning-400: #ffa500;
77
+ --primitives-warning-500: #db8b00;
78
+ --primitives-warning-600: #b57200;
79
+ --primitives-warning-700: #8f5900;
80
+ --primitives-warning-725: #865400;
81
+ --primitives-warning-750: #7d4e00;
82
+ --primitives-warning-775: #744800;
83
+ --primitives-warning-800: #6b4300;
84
+ --primitives-warning-825: #633e00;
85
+ --primitives-warning-850: #5b3900;
86
+ --primitives-warning-875: #523400;
87
+ --primitives-warning-900: #4a2f00;
88
+ --primitives-warning-925: #412900;
89
+ --primitives-warning-950: #382300;
90
+ --primitives-warning-975: #281800;
91
+ --primitives-warning-990: #1a1000;
92
+ --primitives-warning-995: #100900;
93
+ --primitives-warning-998: #080400;
94
+ --primitives-warning-999: #040200;
95
+ --primitives-error-50: #fdeaea;
96
+ --primitives-error-100: #f8caca;
97
+ --primitives-error-200: #f29b9b;
98
+ --primitives-error-300: #eb6b6b;
99
+ --primitives-error-400: #e04444;
100
+ --primitives-error-500: #d11a1a;
101
+ --primitives-error-600: #b01717;
102
+ --primitives-error-700: #8f1414;
103
+ --primitives-error-725: #871313;
104
+ --primitives-error-750: #7f1212;
105
+ --primitives-error-775: #761111;
106
+ --primitives-error-800: #6e1010;
107
+ --primitives-error-825: #660f0f;
108
+ --primitives-error-850: #5e0e0e;
109
+ --primitives-error-875: #560c0c;
110
+ --primitives-error-900: #4f0b0b;
111
+ --primitives-error-925: #450a0a;
112
+ --primitives-error-950: #3b0808;
113
+ --primitives-error-975: #2a0606;
114
+ --primitives-error-990: #1c0404;
115
+ --primitives-error-995: #110202;
116
+ --primitives-error-998: #080101;
117
+ --primitives-error-999: #040000;
118
+ --primitives-info-50: #eaf2ff;
119
+ --primitives-info-100: #c9ddff;
120
+ --primitives-info-200: #9cc2ff;
121
+ --primitives-info-300: #6da5ff;
122
+ --primitives-info-400: #4289ff;
123
+ --primitives-info-500: #1a6fff;
124
+ --primitives-info-600: #155cd6;
125
+ --primitives-info-700: #1149ad;
126
+ --primitives-info-725: #1044a3;
127
+ --primitives-info-750: #0f4099;
128
+ --primitives-info-775: #0e3c8f;
129
+ --primitives-info-800: #0d3785;
130
+ --primitives-info-825: #0c337c;
131
+ --primitives-info-850: #0b2f72;
132
+ --primitives-info-875: #0a2a68;
133
+ --primitives-info-900: #09265f;
134
+ --primitives-info-925: #082153;
135
+ --primitives-info-950: #071c47;
136
+ --primitives-info-975: #051430;
137
+ --primitives-info-990: #030d20;
138
+ --primitives-info-995: #020814;
139
+ --primitives-info-998: #010409;
140
+ --primitives-info-999: #000204;
141
+ --alias-text---icons-fullwhite: #ffffff;
142
+ --alias-text---icons-primary: var(--primitives-neutral-50);
143
+ --alias-text---icons-secondary: var(--primitives-neutral-200);
144
+ --alias-text---icons-tertiary: var(--primitives-neutral-400);
145
+ --alias-text---icons-muted: var(--primitives-neutral-500);
146
+ --alias-text---icons-disabled: var(--primitives-neutral-600);
147
+ --alias-text---icons-inverse: var(--primitives-neutral-900);
148
+ --alias-text---icons-onfill: var(--primitives-neutral-50);
149
+ --alias-text---icons-link: var(--primitives-info-600);
150
+ --alias-text---icons-linkhover: var(--primitives-info-500);
151
+ --alias-text---icons-success: var(--primitives-success-500);
152
+ --alias-text---icons-warning: var(--primitives-warning-500);
153
+ --alias-text---icons-error: var(--primitives-error-500);
154
+ --alias-text---icons-info: var(--primitives-info-600);
155
+ --alias-text---icons-successcont: var(--primitives-success-300);
156
+ --alias-text---icons-warningcont: var(--primitives-warning-300);
157
+ --alias-text---icons-errorcont: var(--primitives-error-300);
158
+ --alias-text---icons-infocont: var(--primitives-info-300);
159
+ --alias-surface-canvas: var(--primitives-neutral-950);
160
+ --alias-surface-canvasbase: var(--primitives-neutral-925);
161
+ --alias-surface-base: var(--primitives-neutral-900);
162
+ --alias-surface-basesubtle: var(--primitives-neutral-875);
163
+ --alias-surface-subtle: var(--primitives-neutral-850);
164
+ --alias-surface-subtleraised: var(--primitives-neutral-825);
165
+ --alias-surface-raised: var(--primitives-neutral-800);
166
+ --alias-surface-raisedoverlay: var(--primitives-neutral-750);
167
+ --alias-surface-overlay: var(--primitives-neutral-700);
168
+ --alias-surface-inverse: var(--primitives-neutral-50);
169
+ --alias-surface-disabled: var(--primitives-neutral-950);
170
+ --alias-surface-success: var(--primitives-success-999);
171
+ --alias-surface-successhover: var(--primitives-success-998);
172
+ --alias-surface-warning: var(--primitives-warning-999);
173
+ --alias-surface-warninghover: var(--primitives-warning-998);
174
+ --alias-surface-error: var(--primitives-error-999);
175
+ --alias-surface-errorhover: var(--primitives-error-998);
176
+ --alias-surface-info: var(--primitives-info-999);
177
+ --alias-fill-neutral-neutralplus: var(--primitives-neutral-875);
178
+ --alias-surface-infohover: var(--primitives-info-998);
179
+ --alias-fill-base-base: var(--primitives-neutral-50);
180
+ --alias-fill-base-basehover: var(--primitives-neutral-300);
181
+ --alias-fill-neutral-neutral: var(--primitives-neutral-850);
182
+ --alias-fill-neutral-neutraltohover: var(--primitives-neutral-825);
183
+ --alias-fill-neutral-neutralhover: var(--primitives-neutral-800);
184
+ --alias-fill-neutral-neutralhovertoactive: var(--primitives-neutral-775);
185
+ --alias-fill-neutral-neutralactive: var(--primitives-neutral-750);
186
+ --alias-fill-neutral-neutralselected: var(--primitives-neutral-800);
187
+ --alias-fill-neutral-disabled: var(--primitives-neutral-950);
188
+ --alias-fill-success-soft: var(--primitives-success-999);
189
+ --alias-fill-success-softhover: var(--primitives-success-998);
190
+ --alias-fill-success-softactive: var(--primitives-success-995);
191
+ --alias-fill-success-solid: var(--primitives-success-500);
192
+ --alias-fill-success-solidhover: var(--primitives-success-400);
193
+ --alias-fill-success-solidactive: var(--primitives-success-600);
194
+ --alias-fill-warning-soft: var(--primitives-warning-999);
195
+ --alias-fill-warning-softhover: var(--primitives-warning-998);
196
+ --alias-fill-warning-softactive: var(--primitives-warning-995);
197
+ --alias-fill-warning-solid: var(--primitives-warning-500);
198
+ --alias-fill-warning-solidhover: var(--primitives-warning-400);
199
+ --alias-fill-warning-solidactive: var(--primitives-warning-600);
200
+ --alias-fill-error-soft: var(--primitives-error-999);
201
+ --alias-fill-error-softhover: var(--primitives-error-998);
202
+ --alias-fill-error-softactive: var(--primitives-error-995);
203
+ --alias-fill-error-solid: var(--primitives-error-500);
204
+ --alias-fill-error-solidhover: var(--primitives-error-400);
205
+ --alias-fill-error-solidactive: var(--primitives-error-600);
206
+ --alias-fill-info-soft: var(--primitives-info-975);
207
+ --alias-fill-error-secondary: var(--primitives-error-990);
208
+ --alias-fill-error-secondaryhover: var(--primitives-error-975);
209
+ --alias-fill-info-softhover: var(--primitives-info-998);
210
+ --alias-fill-info-softactive: var(--primitives-info-995);
211
+ --alias-fill-info-solid: var(--primitives-info-500);
212
+ --alias-fill-info-solidhover: var(--primitives-info-400);
213
+ --alias-fill-info-solidactive: var(--primitives-info-600);
214
+ --alias-border-subtle: var(--primitives-neutral-800);
215
+ --alias-border-default: var(--primitives-neutral-700);
216
+ --alias-border-strong: var(--primitives-neutral-600);
217
+ --alias-border-divider: var(--primitives-neutral-800);
218
+ --alias-border-disabled: var(--primitives-neutral-950);
219
+ --alias-border-focus: var(--primitives-info-600);
220
+ --alias-border-success: var(--primitives-success-700);
221
+ --alias-border-warning: var(--primitives-warning-700);
222
+ --alias-border-error: var(--primitives-error-700);
223
+ --alias-border-info: var(--primitives-info-700);
224
+ --alias-border-successplus: var(--primitives-success-950);
225
+ --alias-border-warningplus: var(--primitives-warning-950);
226
+ --alias-border-errorplus: var(--primitives-error-950);
227
+ --alias-border-infoplus: var(--primitives-info-950);
228
+ }
229
+ [data-theme=Light] {
230
+ --primitives-neutral-50: #101010;
231
+ --primitives-neutral-100: #1a1a1a;
232
+ --primitives-neutral-200: #2a2a2a;
233
+ --primitives-neutral-300: #404040;
234
+ --primitives-neutral-400: #5c5c5c;
235
+ --primitives-neutral-500: #7a7a7a;
236
+ --primitives-neutral-600: #9e9e9e;
237
+ --primitives-neutral-700: #bfbfbf;
238
+ --primitives-neutral-725: #c6c6c6;
239
+ --primitives-neutral-750: #cdcdcd;
240
+ --primitives-neutral-775: #d4d4d4;
241
+ --primitives-neutral-800: #dadada;
242
+ --primitives-neutral-825: #e1e1e1;
243
+ --primitives-neutral-850: #e8e8e8;
244
+ --primitives-neutral-875: #eeeeee;
245
+ --primitives-neutral-900: #f5f5f5;
246
+ --primitives-neutral-925: #f6f6f6;
247
+ --primitives-neutral-950: #f7f7f7;
248
+ --primitives-neutral-975: #fafafa;
249
+ --primitives-neutral-990: #fcfcfc;
250
+ --primitives-neutral-995: #fdfdfd;
251
+ --primitives-neutral-998: #fefefe;
252
+ --primitives-neutral-999: #ffffff;
253
+ --primitives-gray-50: #010102;
254
+ --primitives-gray-100: #030405;
255
+ --primitives-gray-200: #06080b;
256
+ --primitives-gray-300: #0a0e13;
257
+ --primitives-gray-400: #0f141a;
258
+ --primitives-gray-500: #161d26;
259
+ --primitives-gray-600: #1f2933;
260
+ --primitives-gray-700: #323f4b;
261
+ --primitives-gray-725: #35424e;
262
+ --primitives-gray-750: #384552;
263
+ --primitives-gray-775: #3b4856;
264
+ --primitives-gray-800: #3e4c59;
265
+ --primitives-gray-825: #43515e;
266
+ --primitives-gray-850: #485663;
267
+ --primitives-gray-875: #4d5b68;
268
+ --primitives-gray-900: #52606d;
269
+ --primitives-gray-925: #5a6774;
270
+ --primitives-gray-950: #616e7c;
271
+ --primitives-gray-975: #7b8794;
272
+ --primitives-gray-990: #9aa5b1;
273
+ --primitives-gray-995: #cbd2d9;
274
+ --primitives-gray-998: #e4e7eb;
275
+ --primitives-gray-999: #f6f7f8;
276
+ --primitives-success-50: #000402;
277
+ --primitives-success-100: #000804;
278
+ --primitives-success-200: #000f08;
279
+ --primitives-success-300: #00190e;
280
+ --primitives-success-400: #002515;
281
+ --primitives-success-500: #00351f;
282
+ --primitives-success-600: #00452a;
283
+ --primitives-success-700: #006138;
284
+ --primitives-success-725: #00683c;
285
+ --primitives-success-750: #006f40;
286
+ --primitives-success-775: #007644;
287
+ --primitives-success-800: #007d48;
288
+ --primitives-success-825: #00844c;
289
+ --primitives-success-850: #008c50;
290
+ --primitives-success-875: #009454;
291
+ --primitives-success-900: #009b59;
292
+ --primitives-success-925: #00aa62;
293
+ --primitives-success-950: #00b96b;
294
+ --primitives-success-975: #22c97c;
295
+ --primitives-success-990: #4fd99b;
296
+ --primitives-success-995: #8be6bb;
297
+ --primitives-success-998: #c1f0d9;
298
+ --primitives-success-999: #e6f9f0;
299
+ --primitives-warning-50: #040200;
300
+ --primitives-warning-100: #080400;
301
+ --primitives-warning-200: #100900;
302
+ --primitives-warning-300: #1a1000;
303
+ --primitives-warning-400: #281800;
304
+ --primitives-warning-500: #382300;
305
+ --primitives-warning-600: #4a2f00;
306
+ --primitives-warning-700: #6b4300;
307
+ --primitives-warning-725: #744800;
308
+ --primitives-warning-750: #7d4e00;
309
+ --primitives-warning-775: #865400;
310
+ --primitives-warning-800: #8f5900;
311
+ --primitives-warning-825: #985f00;
312
+ --primitives-warning-850: #a26500;
313
+ --primitives-warning-875: #ac6c00;
314
+ --primitives-warning-900: #b57200;
315
+ --primitives-warning-925: #c87e00;
316
+ --primitives-warning-950: #db8b00;
317
+ --primitives-warning-975: #ffa500;
318
+ --primitives-warning-990: #ffba3a;
319
+ --primitives-warning-995: #ffd27a;
320
+ --primitives-warning-998: #ffe7b8;
321
+ --primitives-warning-999: #fff7e6;
322
+ --primitives-error-50: #040000;
323
+ --primitives-error-100: #080101;
324
+ --primitives-error-200: #110202;
325
+ --primitives-error-300: #1c0404;
326
+ --primitives-error-400: #2a0606;
327
+ --primitives-error-500: #3b0808;
328
+ --primitives-error-600: #4f0b0b;
329
+ --primitives-error-700: #6e1010;
330
+ --primitives-error-725: #761111;
331
+ --primitives-error-750: #7e1212;
332
+ --primitives-error-775: #861313;
333
+ --primitives-error-800: #8f1414;
334
+ --primitives-error-825: #971515;
335
+ --primitives-error-850: #9f1616;
336
+ --primitives-error-875: #a81616;
337
+ --primitives-error-900: #b01717;
338
+ --primitives-error-925: #c01818;
339
+ --primitives-error-950: #d11a1a;
340
+ --primitives-error-975: #e04444;
341
+ --primitives-error-990: #eb6b6b;
342
+ --primitives-error-995: #f29b9b;
343
+ --primitives-error-998: #f8caca;
344
+ --primitives-error-999: #fdeaea;
345
+ --primitives-info-50: #000204;
346
+ --primitives-info-100: #010409;
347
+ --primitives-info-200: #020814;
348
+ --primitives-info-300: #030d20;
349
+ --primitives-info-400: #051430;
350
+ --primitives-info-500: #071c47;
351
+ --primitives-info-600: #09265f;
352
+ --primitives-info-700: #0d3785;
353
+ --primitives-info-725: #0e3c8f;
354
+ --primitives-info-750: #0f4099;
355
+ --primitives-info-775: #1044a3;
356
+ --primitives-info-800: #1149ad;
357
+ --primitives-info-825: #124eb7;
358
+ --primitives-info-850: #1353c1;
359
+ --primitives-info-875: #1458cc;
360
+ --primitives-info-900: #155cd6;
361
+ --primitives-info-925: #1866ea;
362
+ --primitives-info-950: #1a6fff;
363
+ --primitives-info-975: #4289ff;
364
+ --primitives-info-990: #6da5ff;
365
+ --primitives-info-995: #9cc2ff;
366
+ --primitives-info-998: #c9ddff;
367
+ --primitives-info-999: #eaf2ff;
368
+ --alias-text---icons-fullwhite: #ffffff;
369
+ --alias-text---icons-primary: var(--primitives-neutral-50);
370
+ --alias-text---icons-secondary: var(--primitives-neutral-200);
371
+ --alias-text---icons-tertiary: var(--primitives-neutral-400);
372
+ --alias-text---icons-muted: var(--primitives-neutral-500);
373
+ --alias-text---icons-disabled: var(--primitives-neutral-600);
374
+ --alias-text---icons-inverse: var(--primitives-neutral-900);
375
+ --alias-text---icons-onfill: var(--primitives-neutral-50);
376
+ --alias-text---icons-link: var(--primitives-info-900);
377
+ --alias-text---icons-linkhover: var(--primitives-info-850);
378
+ --alias-text---icons-success: var(--primitives-success-900);
379
+ --alias-text---icons-warning: var(--primitives-warning-900);
380
+ --alias-text---icons-error: var(--primitives-error-950);
381
+ --alias-text---icons-info: var(--primitives-info-900);
382
+ --alias-text---icons-successcont: var(--primitives-success-950);
383
+ --alias-text---icons-warningcont: var(--primitives-warning-950);
384
+ --alias-text---icons-errorcont: var(--primitives-error-950);
385
+ --alias-text---icons-infocont: var(--primitives-info-950);
386
+ --alias-surface-canvas: var(--primitives-neutral-950);
387
+ --alias-surface-canvasbase: var(--primitives-neutral-925);
388
+ --alias-surface-base: var(--primitives-neutral-875);
389
+ --alias-surface-basesubtle: var(--primitives-neutral-875);
390
+ --alias-surface-subtle: var(--primitives-neutral-850);
391
+ --alias-surface-subtleraised: var(--primitives-neutral-825);
392
+ --alias-surface-raised: var(--primitives-neutral-800);
393
+ --alias-surface-raisedoverlay: var(--primitives-neutral-750);
394
+ --alias-surface-overlay: var(--primitives-neutral-700);
395
+ --alias-surface-inverse: var(--primitives-neutral-50);
396
+ --alias-surface-disabled: var(--primitives-neutral-950);
397
+ --alias-surface-success: var(--primitives-success-999);
398
+ --alias-surface-successhover: var(--primitives-success-998);
399
+ --alias-surface-warning: var(--primitives-warning-999);
400
+ --alias-surface-warninghover: var(--primitives-warning-998);
401
+ --alias-surface-error: var(--primitives-error-999);
402
+ --alias-surface-errorhover: var(--primitives-error-998);
403
+ --alias-surface-info: var(--primitives-info-999);
404
+ --alias-fill-neutral-neutralplus: var(--primitives-neutral-875);
405
+ --alias-surface-infohover: var(--primitives-info-998);
406
+ --alias-fill-base-base: var(--primitives-neutral-100);
407
+ --alias-fill-base-basehover: var(--primitives-neutral-300);
408
+ --alias-fill-neutral-neutral: var(--primitives-neutral-850);
409
+ --alias-fill-neutral-neutraltohover: var(--primitives-neutral-825);
410
+ --alias-fill-neutral-neutralhover: var(--primitives-neutral-800);
411
+ --alias-fill-neutral-neutralhovertoactive: var(--primitives-neutral-775);
412
+ --alias-fill-neutral-neutralactive: var(--primitives-neutral-750);
413
+ --alias-fill-neutral-neutralselected: var(--primitives-neutral-800);
414
+ --alias-fill-neutral-disabled: var(--primitives-neutral-950);
415
+ --alias-fill-success-soft: var(--primitives-success-999);
416
+ --alias-fill-success-softhover: var(--primitives-success-998);
417
+ --alias-fill-success-softactive: var(--primitives-success-995);
418
+ --alias-fill-success-solid: var(--primitives-success-500);
419
+ --alias-fill-success-solidhover: var(--primitives-success-400);
420
+ --alias-fill-success-solidactive: var(--primitives-success-600);
421
+ --alias-fill-warning-soft: var(--primitives-warning-999);
422
+ --alias-fill-warning-softhover: var(--primitives-warning-998);
423
+ --alias-fill-warning-softactive: var(--primitives-warning-995);
424
+ --alias-fill-warning-solid: var(--primitives-warning-500);
425
+ --alias-fill-warning-solidhover: var(--primitives-warning-400);
426
+ --alias-fill-warning-solidactive: var(--primitives-warning-600);
427
+ --alias-fill-error-soft: var(--primitives-error-999);
428
+ --alias-fill-error-softhover: var(--primitives-error-998);
429
+ --alias-fill-error-softactive: var(--primitives-error-995);
430
+ --alias-fill-error-solid: var(--primitives-error-850);
431
+ --alias-fill-error-solidhover: var(--primitives-error-900);
432
+ --alias-fill-error-solidactive: var(--primitives-error-950);
433
+ --alias-fill-info-soft: var(--primitives-info-999);
434
+ --alias-fill-error-secondary: var(--primitives-error-999);
435
+ --alias-fill-error-secondaryhover: var(--primitives-error-998);
436
+ --alias-fill-info-softhover: var(--primitives-info-998);
437
+ --alias-fill-info-softactive: var(--primitives-info-995);
438
+ --alias-fill-info-solid: var(--primitives-info-500);
439
+ --alias-fill-info-solidhover: var(--primitives-info-400);
440
+ --alias-fill-info-solidactive: var(--primitives-info-600);
441
+ --alias-border-subtle: var(--primitives-neutral-825);
442
+ --alias-border-default: var(--primitives-neutral-700);
443
+ --alias-border-strong: var(--primitives-neutral-600);
444
+ --alias-border-divider: var(--primitives-neutral-800);
445
+ --alias-border-disabled: var(--primitives-neutral-950);
446
+ --alias-border-focus: var(--primitives-info-800);
447
+ --alias-border-success: var(--primitives-success-700);
448
+ --alias-border-warning: var(--primitives-warning-700);
449
+ --alias-border-error: var(--primitives-error-700);
450
+ --alias-border-info: var(--primitives-info-950);
451
+ --alias-border-successplus: var(--primitives-success-950);
452
+ --alias-border-warningplus: var(--primitives-warning-950);
453
+ --alias-border-errorplus: var(--primitives-error-998);
454
+ --alias-border-infoplus: var(--primitives-info-950);
455
+ }
456
+ [data-theme="Mode 1"] {
457
+ --stroke-st0p5: 0.5px;
458
+ --stroke-st1: 1px;
459
+ --stroke-st1p25: 1.25px;
460
+ --stroke-st1p5: 1.5px;
461
+ --stroke-st1p75: 1.75px;
462
+ --stroke-st2: 2px;
463
+ --stroke-st2p5: 2.5px;
464
+ --stroke-st3: 3px;
465
+ --radius-none: 0;
466
+ --radius-xxs: 2px;
467
+ --radius-xs: 4px;
468
+ --radius-sm: 6px;
469
+ --radius-md: 8px;
470
+ --radius-lg: 10px;
471
+ --radius-xl: 12px;
472
+ --radius-2xl: 14px;
473
+ --radius-3xl: 16px;
474
+ --radius-4xl: 18px;
475
+ --radius-full: 999px;
476
+ --spacing-none: 0;
477
+ --spacing-xxs: 2px;
478
+ --spacing-xs: 4px;
479
+ --spacing-sm: 6px;
480
+ --spacing-md: 8px;
481
+ --spacing-lg: 10px;
482
+ --spacing-xl: 12px;
483
+ --spacing-xxl: 14px;
484
+ --spacing-3xl: 16px;
485
+ --spacing-4xl: 18px;
486
+ --spacing-5xl: 20px;
487
+ --spacing-6xl: 24px;
488
+ --spacing-7xl: 28px;
489
+ --spacing-8xl: 32px;
490
+ --spacing-9xl: 36px;
491
+ --spacing-10xl: 40px;
492
+ --spacing-11xl: 48px;
493
+ --spacing-12xl: 56px;
494
+ --spacing-13xl: 64px;
495
+ --spacing-14xl: 80px;
496
+ --spacing-15xl: 96px;
497
+ --font-family-font-family-body: Inter;
498
+ --font-family-font-family-display: Inter;
499
+ --font-size-font-size-xs: 12px;
500
+ --font-size-font-size-sm: 14px;
501
+ --font-size-font-size-md: 16px;
502
+ --font-size-font-size-lg: 18px;
503
+ --font-size-font-size-xl: 20px;
504
+ --font-size-font-size-xxl: 24px;
505
+ --font-size-font-size-3xl: 32px;
506
+ --font-size-font-size-4xl: 40px;
507
+ --font-size-font-size-5xl: 48px;
508
+ --font-size-font-size-6xl: 56px;
509
+ --font-size-font-size-7xl: 64px;
510
+ --font-size-font-size-8xl: 72px;
511
+ --font-size-font-size-9xl: 80px;
512
+ --font-weight-font-weight-regular: Regular;
513
+ --font-weight-font-weight-medium: Medium;
514
+ --font-weight-font-weight-semibold: Semi Bold;
515
+ --font-weight-font-weight-bold: Bold;
516
+ --font-weight-font-weight-black: Black;
517
+ --line-height-line-height-xs: 18px;
518
+ --line-height-line-height-sm: 20px;
519
+ --line-height-line-height-md: 24px;
520
+ --line-height-line-height-lg: 26px;
521
+ --line-height-line-height-xl: 28px;
522
+ --line-height-line-height-xxl: 32px;
523
+ --line-height-line-height-3xl: 40px;
524
+ --line-height-line-height-4xl: 50px;
525
+ --line-height-line-height-5xl: 60px;
526
+ --line-height-line-height-6xl: 70px;
527
+ --line-height-line-height-7xl: 80px;
528
+ --line-height-line-height-8xl: 90px;
529
+ --line-height-line-height-9xl: 100px;
530
+ --letter-spacing-letter-spacing-normal: 0;
531
+ --letter-spacing-letter-spacing-dense: -1px;
532
+ --letter-spacing-letter-spacing-denser: -2px;
533
+ }
534
+ .text-text-xs-regular {
535
+ font-family: var(--font-family-font-family-body);
536
+ font-size: var(--font-size-font-size-xs);
537
+ font-weight: 400;
538
+ line-height: var(--line-height-line-height-xs);
539
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
540
+ }
541
+ .text-text-xs-medium {
542
+ font-family: var(--font-family-font-family-body);
543
+ font-size: var(--font-size-font-size-xs);
544
+ font-weight: 500;
545
+ line-height: var(--line-height-line-height-xs);
546
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
547
+ }
548
+ .text-text-xs-semibold {
549
+ font-family: var(--font-family-font-family-body);
550
+ font-size: var(--font-size-font-size-xs);
551
+ font-weight: 700;
552
+ line-height: var(--line-height-line-height-xs);
553
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
554
+ }
555
+ .text-text-xs-bold {
556
+ font-family: var(--font-family-font-family-body);
557
+ font-size: var(--font-size-font-size-xs);
558
+ font-weight: 700;
559
+ line-height: var(--line-height-line-height-xs);
560
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
561
+ }
562
+ .text-text-sm-regular {
563
+ font-family: var(--font-family-font-family-body);
564
+ font-size: var(--font-size-font-size-sm);
565
+ font-weight: 400;
566
+ line-height: var(--line-height-line-height-sm);
567
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
568
+ }
569
+ .text-text-sm-medium {
570
+ font-family: var(--font-family-font-family-body);
571
+ font-size: var(--font-size-font-size-sm);
572
+ font-weight: 500;
573
+ line-height: var(--line-height-line-height-sm);
574
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
575
+ }
576
+ .text-text-sm-semibold {
577
+ font-family: var(--font-family-font-family-body);
578
+ font-size: var(--font-size-font-size-sm);
579
+ font-weight: 700;
580
+ line-height: var(--line-height-line-height-sm);
581
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
582
+ }
583
+ .text-text-sm-bold {
584
+ font-family: var(--font-family-font-family-body);
585
+ font-size: var(--font-size-font-size-sm);
586
+ font-weight: 700;
587
+ line-height: var(--line-height-line-height-sm);
588
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
589
+ }
590
+ .text-text-md-regular {
591
+ font-family: var(--font-family-font-family-body);
592
+ font-size: var(--font-size-font-size-md);
593
+ font-weight: 400;
594
+ line-height: var(--line-height-line-height-md);
595
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
596
+ }
597
+ .text-text-md-medium {
598
+ font-family: var(--font-family-font-family-body);
599
+ font-size: var(--font-size-font-size-md);
600
+ font-weight: 500;
601
+ line-height: var(--line-height-line-height-md);
602
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
603
+ }
604
+ .text-text-md-semibold {
605
+ font-family: var(--font-family-font-family-body);
606
+ font-size: var(--font-size-font-size-md);
607
+ font-weight: 700;
608
+ line-height: var(--line-height-line-height-md);
609
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
610
+ }
611
+ .text-text-md-bold {
612
+ font-family: var(--font-family-font-family-body);
613
+ font-size: var(--font-size-font-size-md);
614
+ font-weight: 700;
615
+ line-height: var(--line-height-line-height-md);
616
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
617
+ }
618
+ .lead-text-lead-text-xs-regular {
619
+ font-family: var(--font-family-font-family-body);
620
+ font-size: var(--font-size-font-size-lg);
621
+ font-weight: 400;
622
+ line-height: var(--line-height-line-height-lg);
623
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
624
+ }
625
+ .lead-text-lead-text-xs-medium {
626
+ font-family: var(--font-family-font-family-body);
627
+ font-size: var(--font-size-font-size-lg);
628
+ font-weight: 500;
629
+ line-height: var(--line-height-line-height-lg);
630
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
631
+ }
632
+ .lead-text-lead-text-xs-semibold {
633
+ font-family: var(--font-family-font-family-body);
634
+ font-size: var(--font-size-font-size-lg);
635
+ font-weight: 700;
636
+ line-height: var(--line-height-line-height-lg);
637
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
638
+ }
639
+ .lead-text-lead-text-xs-bold {
640
+ font-family: var(--font-family-font-family-body);
641
+ font-size: var(--font-size-font-size-lg);
642
+ font-weight: 700;
643
+ line-height: var(--line-height-line-height-lg);
644
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
645
+ }
646
+ .lead-text-lead-text-sm-regular {
647
+ font-family: var(--font-family-font-family-body);
648
+ font-size: var(--font-size-font-size-xl);
649
+ font-weight: 400;
650
+ line-height: var(--line-height-line-height-xl);
651
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
652
+ }
653
+ .lead-text-lead-text-sm-medium {
654
+ font-family: var(--font-family-font-family-body);
655
+ font-size: var(--font-size-font-size-xl);
656
+ font-weight: 500;
657
+ line-height: var(--line-height-line-height-xl);
658
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
659
+ }
660
+ .lead-text-lead-text-sm-semibold {
661
+ font-family: var(--font-family-font-family-body);
662
+ font-size: var(--font-size-font-size-xl);
663
+ font-weight: 700;
664
+ line-height: var(--line-height-line-height-xl);
665
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
666
+ }
667
+ .lead-text-lead-text-sm-bold {
668
+ font-family: var(--font-family-font-family-body);
669
+ font-size: var(--font-size-font-size-xl);
670
+ font-weight: 700;
671
+ line-height: var(--line-height-line-height-xl);
672
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
673
+ }
674
+ .lead-text-lead-text-md-regular {
675
+ font-family: var(--font-family-font-family-body);
676
+ font-size: var(--font-size-font-size-xxl);
677
+ font-weight: 400;
678
+ line-height: var(--line-height-line-height-xxl);
679
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
680
+ }
681
+ .lead-text-lead-text-md-medium {
682
+ font-family: var(--font-family-font-family-body);
683
+ font-size: var(--font-size-font-size-xxl);
684
+ font-weight: 500;
685
+ line-height: var(--line-height-line-height-xxl);
686
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
687
+ }
688
+ .lead-text-lead-text-md-semibold {
689
+ font-family: var(--font-family-font-family-body);
690
+ font-size: var(--font-size-font-size-xxl);
691
+ font-weight: 700;
692
+ line-height: var(--line-height-line-height-xxl);
693
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
694
+ }
695
+ .lead-text-lead-text-md-bold {
696
+ font-family: var(--font-family-font-family-body);
697
+ font-size: var(--font-size-font-size-xxl);
698
+ font-weight: 700;
699
+ line-height: var(--line-height-line-height-xxl);
700
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
701
+ }
702
+ .headings-h1 {
703
+ font-family: var(--font-family-font-family-body);
704
+ font-size: var(--font-size-font-size-4xl);
705
+ font-weight: 700;
706
+ line-height: var(--line-height-line-height-4xl);
707
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
708
+ }
709
+ .headings-h2 {
710
+ font-family: var(--font-family-font-family-body);
711
+ font-size: var(--font-size-font-size-3xl);
712
+ font-weight: 700;
713
+ line-height: var(--line-height-line-height-3xl);
714
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
715
+ }
716
+ .headings-h3 {
717
+ font-family: var(--font-family-font-family-body);
718
+ font-size: var(--font-size-font-size-xxl);
719
+ font-weight: 700;
720
+ line-height: var(--line-height-line-height-xxl);
721
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
722
+ }
723
+ .headings-h4 {
724
+ font-family: var(--font-family-font-family-body);
725
+ font-size: var(--font-size-font-size-xl);
726
+ font-weight: 700;
727
+ line-height: var(--line-height-line-height-xl);
728
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
729
+ }
730
+ .headings-h5 {
731
+ font-family: var(--font-family-font-family-body);
732
+ font-size: var(--font-size-font-size-lg);
733
+ font-weight: 700;
734
+ line-height: var(--line-height-line-height-lg);
735
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
736
+ }
737
+ .headings-h6 {
738
+ font-family: var(--font-family-font-family-body);
739
+ font-size: var(--font-size-font-size-md);
740
+ font-weight: 700;
741
+ line-height: var(--line-height-line-height-md);
742
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
743
+ }
744
+ .headings-subtitle {
745
+ font-family: var(--font-family-font-family-body);
746
+ font-size: var(--font-size-font-size-sm);
747
+ font-weight: 700;
748
+ line-height: var(--line-height-line-height-sm);
749
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
750
+ text-transform: upper;
751
+ }
752
+ .display-display-xxl {
753
+ font-family: var(--font-family-font-family-display);
754
+ font-size: var(--font-size-font-size-9xl);
755
+ font-weight: 400;
756
+ line-height: var(--line-height-line-height-9xl);
757
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
758
+ }
759
+ .display-display-xl {
760
+ font-family: var(--font-family-font-family-display);
761
+ font-size: var(--font-size-font-size-8xl);
762
+ font-weight: 400;
763
+ line-height: var(--line-height-line-height-8xl);
764
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
765
+ }
766
+ .display-display-lg {
767
+ font-family: var(--font-family-font-family-display);
768
+ font-size: var(--font-size-font-size-7xl);
769
+ font-weight: 400;
770
+ line-height: var(--line-height-line-height-7xl);
771
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
772
+ }
773
+ .display-display-md {
774
+ font-family: var(--font-family-font-family-display);
775
+ font-size: var(--font-size-font-size-6xl);
776
+ font-weight: 400;
777
+ line-height: var(--line-height-line-height-6xl);
778
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
779
+ }
780
+ .display-display-sm {
781
+ font-family: var(--font-family-font-family-display);
782
+ font-size: var(--font-size-font-size-5xl);
783
+ font-weight: 400;
784
+ line-height: var(--line-height-line-height-5xl);
785
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
786
+ }
787
+ .display-display-xs {
788
+ font-family: var(--font-family-font-family-display);
789
+ font-size: var(--font-size-font-size-4xl);
790
+ font-weight: 400;
791
+ line-height: var(--line-height-line-height-4xl);
792
+ letter-spacing: var(--letter-spacing-letter-spacing-normal);
793
+ }
794
+
795
+ /* src/SC-Access/ScAccess.module.css */
796
+ .ScAccess_scAccess,
797
+ .ScAccess_scAccess * {
798
+ box-sizing: border-box;
799
+ }
800
+ .ScAccess_scAccess {
801
+ background: var(--alias-fill-neutral-neutral, #1a1a1a);
802
+ border-radius: var(--radius-lg, 0.625rem);
803
+ padding: var(--spacing-md, 0.5rem);
804
+ display: flex;
805
+ flex-direction: row;
806
+ gap: var(--spacing-xl, 0.75rem);
807
+ align-items: center;
808
+ justify-content: flex-start;
809
+ height: 2.5rem;
810
+ position: relative;
811
+ }
812
+ .ScAccess_siconCatalogixInstance {
813
+ width: 1.25rem !important;
814
+ height: 1.25rem !important;
815
+ }
816
+ .ScAccess_siconCatalogixInstance2 {
817
+ width: 1.25rem !important;
818
+ height: 1.25rem !important;
819
+ }
820
+ .ScAccess_siconCatalogixInstance3 {
821
+ width: 1.25rem !important;
822
+ height: 1.25rem !important;
823
+ }
824
+
825
+ /* src/SC-Badges/ScBadges.module.css */
826
+ .ScBadges_scBadges,
827
+ .ScBadges_scBadges * {
828
+ box-sizing: border-box;
829
+ }
830
+ .ScBadges_scBadges {
831
+ background: var(--alias-fill-neutral-neutralactive, #313131);
832
+ border-radius: var(--radius-md, 0.5rem);
833
+ padding: var(--spacing-xs, 0.25rem) var(--spacing-md, 0.5rem) var(--spacing-xs, 0.25rem) var(--spacing-md, 0.5rem);
834
+ display: flex;
835
+ flex-direction: row;
836
+ gap: 0.5rem;
837
+ align-items: center;
838
+ justify-content: center;
839
+ align-self: stretch;
840
+ flex-shrink: 0;
841
+ position: relative;
842
+ }
843
+ .ScBadges_badge {
844
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
845
+ text-align: left;
846
+ font-family: var( --text-text-xs-regular-font-family, "Inter-Regular", sans-serif );
847
+ font-size: var(--text-text-xs-regular-font-size, 0.75rem);
848
+ line-height: var(--text-text-xs-regular-line-height, 1.125rem);
849
+ font-weight: var(--text-text-xs-regular-font-weight, 400);
850
+ position: relative;
851
+ }
852
+ .ScBadges_scBadges.ScBadges_style-solid.ScBadges_variant-success {
853
+ background: var(--alias-fill-success-solidactive, #009b59);
854
+ }
855
+ .ScBadges_scBadges.ScBadges_style-solid.ScBadges_variant-success .ScBadges_badge,
856
+ .ScBadges_scBadges.ScBadges_style-solid.ScBadges_variant-warning .ScBadges_badge,
857
+ .ScBadges_scBadges.ScBadges_style-solid.ScBadges_variant-error .ScBadges_badge {
858
+ color: var(--alias-text-and-icons-fullwhite, #ffffff);
859
+ }
860
+ .ScBadges_scBadges.ScBadges_style-solid.ScBadges_variant-warning {
861
+ background: var(--alias-fill-warning-solidactive, #b57200);
862
+ }
863
+ .ScBadges_scBadges.ScBadges_style-solid.ScBadges_variant-error {
864
+ background: var(--alias-fill-error-solidactive, #b01717);
865
+ }
866
+ .ScBadges_scBadges.ScBadges_style-solid.ScBadges_variant-info {
867
+ background: var(--alias-fill-info-solid, #1a6fff);
868
+ }
869
+ .ScBadges_scBadges.ScBadges_style-opaque {
870
+ border-style: solid;
871
+ border-width: 0.0625rem;
872
+ background: unset;
873
+ }
874
+ .ScBadges_scBadges.ScBadges_style-opaque.ScBadges_variant-default {
875
+ border-color: var(--alias-border-strong, #5c5c5c);
876
+ }
877
+ .ScBadges_scBadges.ScBadges_style-opaque.ScBadges_variant-default .ScBadges_badge {
878
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
879
+ }
880
+ .ScBadges_scBadges.ScBadges_style-opaque.ScBadges_variant-success {
881
+ border-color: var(--alias-border-successplus, #00351f);
882
+ }
883
+ .ScBadges_scBadges.ScBadges_style-opaque.ScBadges_variant-success .ScBadges_badge {
884
+ color: var(--alias-text-and-icons-success, #00b96b);
885
+ }
886
+ .ScBadges_scBadges.ScBadges_style-opaque.ScBadges_variant-warning {
887
+ border-color: var(--alias-border-warningplus, #382300);
888
+ }
889
+ .ScBadges_scBadges.ScBadges_style-opaque.ScBadges_variant-warning .ScBadges_badge {
890
+ color: var(--alias-text-and-icons-warning, #db8b00);
891
+ }
892
+ .ScBadges_scBadges.ScBadges_style-opaque.ScBadges_variant-error {
893
+ border-color: var(--alias-border-errorplus, #3b0808);
894
+ }
895
+ .ScBadges_scBadges.ScBadges_style-opaque.ScBadges_variant-error .ScBadges_badge {
896
+ color: var(--alias-text-and-icons-error, #d11a1a);
897
+ }
898
+ .ScBadges_scBadges.ScBadges_style-opaque.ScBadges_variant-info {
899
+ border-color: var(--alias-border-infoplus, #071c47);
900
+ }
901
+ .ScBadges_scBadges.ScBadges_style-opaque.ScBadges_variant-info .ScBadges_badge {
902
+ color: var(--alias-text-and-icons-info, #155cd6);
903
+ }
904
+
905
+ /* src/SC-Billing logs table header/ScBillingLogsTableHeader.module.css */
906
+ .ScBillingLogsTableHeader_scBillingLogsTableHeader,
907
+ .ScBillingLogsTableHeader_scBillingLogsTableHeader * {
908
+ box-sizing: border-box;
909
+ }
910
+ .ScBillingLogsTableHeader_scBillingLogsTableHeader {
911
+ background: var(--alias-fill-neutral-neutral, #1a1a1a);
912
+ padding: var(--spacing-xl, 0.75rem) var(--spacing-3xl, 1rem) var(--spacing-xl, 0.75rem) var(--spacing-3xl, 1rem);
913
+ display: flex;
914
+ flex-direction: row;
915
+ gap: var(--spacing-6xl, 1.5rem);
916
+ align-items: center;
917
+ justify-content: flex-start;
918
+ position: relative;
919
+ }
920
+ .ScBillingLogsTableHeader_scHeaderInstance {
921
+ gap: 0.25rem !important;
922
+ align-items: flex-start !important;
923
+ flex: 1 !important;
924
+ }
925
+ .ScBillingLogsTableHeader_scHeaderInstance2 {
926
+ flex-shrink: 0 !important;
927
+ width: 7.5rem !important;
928
+ }
929
+
930
+ /* src/SC-Header/ScHeader.module.css */
931
+ .ScHeader_scHeader,
932
+ .ScHeader_scHeader * {
933
+ box-sizing: border-box;
934
+ }
935
+ .ScHeader_scHeader {
936
+ display: flex;
937
+ flex-direction: row;
938
+ gap: var(--spacing-xs, 0.25rem);
939
+ align-items: center;
940
+ justify-content: flex-start;
941
+ position: relative;
942
+ }
943
+ .ScHeader_headerText {
944
+ color: var(--alias-text-and-icons-muted, #7a7a7a);
945
+ text-align: left;
946
+ font-family: var(--font-family-font-family-body, "Inter-Regular", sans-serif);
947
+ font-size: var(--font-size-font-size-xs, 0.75rem);
948
+ line-height: var(--line-height-line-height-xs, 1.125rem);
949
+ font-weight: 400;
950
+ text-transform: uppercase;
951
+ position: relative;
952
+ display: flex;
953
+ align-items: center;
954
+ justify-content: flex-start;
955
+ }
956
+ .ScHeader_siconDoubleArrowUpInstance {
957
+ width: 1rem !important;
958
+ height: 1rem !important;
959
+ aspect-ratio: 1 !important;
960
+ }
961
+ .ScHeader_scHeader.ScHeader_state-down .ScHeader_siconDoubleArrowDownInstance {
962
+ width: 1rem !important;
963
+ height: 1rem !important;
964
+ aspect-ratio: 1 !important;
965
+ }
966
+
967
+ /* src/SC-Billing logs table list/ScBillingLogsTableList.module.css */
968
+ .ScBillingLogsTableList_scBillingLogsTableList,
969
+ .ScBillingLogsTableList_scBillingLogsTableList * {
970
+ box-sizing: border-box;
971
+ }
972
+ .ScBillingLogsTableList_scBillingLogsTableList {
973
+ border-style: solid;
974
+ border-color: var(--alias-border-subtle, #242424);
975
+ border-width: 0rem 0rem 0.0625rem 0rem;
976
+ padding: var(--spacing-5xl, 1.25rem) var(--spacing-3xl, 1rem) var(--spacing-5xl, 1.25rem) var(--spacing-3xl, 1rem);
977
+ display: flex;
978
+ flex-direction: row;
979
+ gap: var(--spacing-6xl, 1.5rem);
980
+ align-items: center;
981
+ justify-content: flex-start;
982
+ position: relative;
983
+ }
984
+ .ScBillingLogsTableList_customerName {
985
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
986
+ text-align: left;
987
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
988
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
989
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
990
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
991
+ position: relative;
992
+ flex: 1;
993
+ text-overflow: ellipsis;
994
+ overflow: hidden;
995
+ white-space: nowrap;
996
+ }
997
+ .ScBillingLogsTableList_userName {
998
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
999
+ text-align: left;
1000
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
1001
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
1002
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
1003
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
1004
+ position: relative;
1005
+ width: 7.5rem;
1006
+ text-overflow: ellipsis;
1007
+ overflow: hidden;
1008
+ white-space: nowrap;
1009
+ }
1010
+ .ScBillingLogsTableList_date {
1011
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
1012
+ text-align: left;
1013
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
1014
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
1015
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
1016
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
1017
+ position: relative;
1018
+ width: 7.5rem;
1019
+ text-overflow: ellipsis;
1020
+ overflow: hidden;
1021
+ white-space: nowrap;
1022
+ }
1023
+ .ScBillingLogsTableList_usage {
1024
+ color: var(--alias-text-and-icons-error, #d11a1a);
1025
+ text-align: left;
1026
+ font-family: var( --text-text-md-semibold-font-family, "Inter-SemiBold", sans-serif );
1027
+ font-size: var(--text-text-md-semibold-font-size, 1rem);
1028
+ line-height: var(--text-text-md-semibold-line-height, 1.5rem);
1029
+ font-weight: var(--text-text-md-semibold-font-weight, 600);
1030
+ position: relative;
1031
+ width: 7.5rem;
1032
+ text-overflow: ellipsis;
1033
+ overflow: hidden;
1034
+ white-space: nowrap;
1035
+ }
1036
+ .ScBillingLogsTableList_cost {
1037
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
1038
+ text-align: left;
1039
+ font-family: var( --text-text-md-semibold-font-family, "Inter-SemiBold", sans-serif );
1040
+ font-size: var(--text-text-md-semibold-font-size, 1rem);
1041
+ line-height: var(--text-text-md-semibold-line-height, 1.5rem);
1042
+ font-weight: var(--text-text-md-semibold-font-weight, 600);
1043
+ position: relative;
1044
+ width: 7.5rem;
1045
+ text-overflow: ellipsis;
1046
+ overflow: hidden;
1047
+ white-space: nowrap;
1048
+ }
1049
+
1050
+ /* src/SC-BillingHistoryTableList/ScBillingHistoryTableList.module.css */
1051
+ .ScBillingHistoryTableList_scBillingHistoryTableList,
1052
+ .ScBillingHistoryTableList_scBillingHistoryTableList * {
1053
+ box-sizing: border-box;
1054
+ }
1055
+ .ScBillingHistoryTableList_scBillingHistoryTableList {
1056
+ border-style: solid;
1057
+ border-color: var(--alias-border-subtle, #242424);
1058
+ border-width: 0rem 0rem 0.0625rem 0rem;
1059
+ padding: var(--spacing-5xl, 1.25rem) var(--spacing-3xl, 1rem) var(--spacing-5xl, 1.25rem) var(--spacing-3xl, 1rem);
1060
+ display: flex;
1061
+ flex-direction: row;
1062
+ gap: var(--spacing-6xl, 1.5rem);
1063
+ align-items: center;
1064
+ justify-content: flex-start;
1065
+ position: relative;
1066
+ }
1067
+ .ScBillingHistoryTableList_invoiceNumber {
1068
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
1069
+ text-align: left;
1070
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
1071
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
1072
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
1073
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
1074
+ position: relative;
1075
+ flex: 1;
1076
+ text-overflow: ellipsis;
1077
+ overflow: hidden;
1078
+ white-space: nowrap;
1079
+ }
1080
+ .ScBillingHistoryTableList_amount {
1081
+ color: var(--alias-text-and-icons-success, #00b96b);
1082
+ text-align: left;
1083
+ font-family: var( --text-text-md-semibold-font-family, "Inter-SemiBold", sans-serif );
1084
+ font-size: var(--text-text-md-semibold-font-size, 1rem);
1085
+ line-height: var(--text-text-md-semibold-line-height, 1.5rem);
1086
+ font-weight: var(--text-text-md-semibold-font-weight, 600);
1087
+ position: relative;
1088
+ width: 7.5rem;
1089
+ text-overflow: ellipsis;
1090
+ overflow: hidden;
1091
+ white-space: nowrap;
1092
+ }
1093
+ .ScBillingHistoryTableList_date {
1094
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
1095
+ text-align: left;
1096
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
1097
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
1098
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
1099
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
1100
+ position: relative;
1101
+ width: 7.5rem;
1102
+ text-overflow: ellipsis;
1103
+ overflow: hidden;
1104
+ white-space: nowrap;
1105
+ }
1106
+ .ScBillingHistoryTableList_scPairtextInstance {
1107
+ flex-shrink: 0 !important;
1108
+ width: 10rem !important;
1109
+ }
1110
+
1111
+ /* src/SC-Pairtext/ScPairtext.module.css */
1112
+ .ScPairtext_scPairtext,
1113
+ .ScPairtext_scPairtext * {
1114
+ box-sizing: border-box;
1115
+ }
1116
+ .ScPairtext_scPairtext {
1117
+ display: flex;
1118
+ flex-direction: row;
1119
+ gap: var(--gp8, 0.5rem);
1120
+ align-items: center;
1121
+ justify-content: flex-start;
1122
+ position: relative;
1123
+ }
1124
+ .ScPairtext_content {
1125
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
1126
+ text-align: left;
1127
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
1128
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
1129
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
1130
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
1131
+ position: relative;
1132
+ }
1133
+ .ScPairtext_scPairtext.ScPairtext_icon-position-left .ScPairtext_scCheckboxInstance,
1134
+ .ScPairtext_scPairtext.ScPairtext_icon-position-left .ScPairtext_scRadioInstance,
1135
+ .ScPairtext_scPairtext.ScPairtext_icon-position-right .ScPairtext_scRadioInstance,
1136
+ .ScPairtext_scPairtext.ScPairtext_icon-position-right .ScPairtext_scCheckboxInstance {
1137
+ flex-shrink: 0 !important;
1138
+ }
1139
+
1140
+ /* src/SC-radio/ScRadio.module.css */
1141
+ .ScRadio_scRadio,
1142
+ .ScRadio_scRadio * {
1143
+ box-sizing: border-box;
1144
+ }
1145
+ .ScRadio_scRadio {
1146
+ width: 1.5rem;
1147
+ height: 1.5rem;
1148
+ position: relative;
1149
+ overflow: visible;
1150
+ aspect-ratio: 1;
1151
+ }
1152
+ .ScRadio_scRadio.ScRadio_state-default .ScRadio_vector,
1153
+ .ScRadio_scRadio.ScRadio_state-selected .ScRadio_vector {
1154
+ width: 100%;
1155
+ height: 100%;
1156
+ position: absolute;
1157
+ right: 0%;
1158
+ left: 0%;
1159
+ bottom: 0%;
1160
+ top: 0%;
1161
+ overflow: visible;
1162
+ aspect-ratio: 1;
1163
+ }
1164
+ .ScRadio_scRadio.ScRadio_state-selected {
1165
+ aspect-ratio: unset;
1166
+ }
1167
+
1168
+ /* src/SC-checkbox/ScCheckbox.module.css */
1169
+ .ScCheckbox_scCheckbox,
1170
+ .ScCheckbox_scCheckbox * {
1171
+ box-sizing: border-box;
1172
+ }
1173
+ .ScCheckbox_scCheckbox {
1174
+ width: 1.5rem;
1175
+ height: 1.5rem;
1176
+ position: relative;
1177
+ overflow: visible;
1178
+ aspect-ratio: 1;
1179
+ }
1180
+ .ScCheckbox_scCheckbox.ScCheckbox_state-default .ScCheckbox_vector,
1181
+ .ScCheckbox_scCheckbox.ScCheckbox_state-selected .ScCheckbox_vector,
1182
+ .ScCheckbox_scCheckbox.ScCheckbox_state-partial .ScCheckbox_vector {
1183
+ width: 100%;
1184
+ height: 100%;
1185
+ position: absolute;
1186
+ right: 0%;
1187
+ left: 0%;
1188
+ bottom: 0%;
1189
+ top: 0%;
1190
+ overflow: visible;
1191
+ }
1192
+
1193
+ /* src/SC-Button/ScButton.module.css */
1194
+ .ScButton_scButton,
1195
+ .ScButton_scButton * {
1196
+ box-sizing: border-box;
1197
+ }
1198
+ .ScButton_scButton {
1199
+ background: var(--alias-fill-base-base, #f5f5f5);
1200
+ border-radius: var(--medium-5, 0.75rem);
1201
+ padding: var(--100-3, 0.75rem) var(--100-4, 1rem) var(--100-3, 0.75rem) var(--100-4, 1rem);
1202
+ display: flex;
1203
+ flex-direction: row;
1204
+ gap: 0.5rem;
1205
+ align-items: center;
1206
+ justify-content: center;
1207
+ height: 3rem;
1208
+ position: relative;
1209
+ }
1210
+ .ScButton_container {
1211
+ display: flex;
1212
+ flex-direction: row;
1213
+ gap: 0.5rem;
1214
+ align-items: center;
1215
+ justify-content: center;
1216
+ flex-shrink: 0;
1217
+ height: 1.5rem;
1218
+ position: relative;
1219
+ }
1220
+ .ScButton_label {
1221
+ color: var(--alias-text-and-icons-inverse, #101010);
1222
+ text-align: left;
1223
+ font-family: var( --text-text-md-medium-font-family, "Inter-Medium", sans-serif );
1224
+ font-size: var(--text-text-md-medium-font-size, 1rem);
1225
+ line-height: var(--text-text-md-medium-line-height, 1.5rem);
1226
+ font-weight: var(--text-text-md-medium-font-weight, 500);
1227
+ position: relative;
1228
+ display: flex;
1229
+ align-items: center;
1230
+ justify-content: flex-start;
1231
+ }
1232
+ .ScButton_siconHomeInstance {
1233
+ width: 1.25rem !important;
1234
+ height: 1.25rem !important;
1235
+ }
1236
+ .ScButton_scButton.ScButton_size-lg .ScButton_siconHomeInstance,
1237
+ .ScButton_scButton.ScButton_size-md .ScButton_siconHomeInstance {
1238
+ width: 1.25rem !important;
1239
+ height: 1.25rem !important;
1240
+ }
1241
+ .ScButton_scButton.ScButton_size-md {
1242
+ height: 2.5rem;
1243
+ }
1244
+ .ScButton_scButton.ScButton_size-md.ScButton_style-variant-default,
1245
+ .ScButton_scButton.ScButton_size-md.ScButton_style-variant-icon-right,
1246
+ .ScButton_scButton.ScButton_size-md.ScButton_style-variant-icon-left {
1247
+ padding: var(--spacing-md, 0.5rem) var(--100-4, 1rem) var(--spacing-md, 0.5rem) var(--100-4, 1rem);
1248
+ }
1249
+ .ScButton_scButton.ScButton_size-md .ScButton_label,
1250
+ .ScButton_scButton.ScButton_size-sm .ScButton_label {
1251
+ font-family: var( --text-text-sm-medium-font-family, "Inter-Medium", sans-serif );
1252
+ font-size: var(--text-text-sm-medium-font-size, 0.875rem);
1253
+ line-height: var(--text-text-sm-medium-line-height, 1.25rem);
1254
+ font-weight: var(--text-text-sm-medium-font-weight, 500);
1255
+ }
1256
+ .ScButton_scButton.ScButton_size-sm {
1257
+ gap: var(--spacing-xs, 0.25rem);
1258
+ height: 2rem;
1259
+ }
1260
+ .ScButton_scButton.ScButton_size-sm.ScButton_style-variant-default,
1261
+ .ScButton_scButton.ScButton_size-sm.ScButton_style-variant-icon-right,
1262
+ .ScButton_scButton.ScButton_size-sm.ScButton_style-variant-icon-left {
1263
+ padding: var(--spacing-xs, 0.25rem) var(--spacing-xl, 0.75rem) var(--spacing-xs, 0.25rem) var(--spacing-xl, 0.75rem);
1264
+ }
1265
+ .ScButton_scButton.ScButton_size-sm .ScButton_container {
1266
+ gap: var(--spacing-sm, 0.375rem);
1267
+ }
1268
+ .ScButton_scButton.ScButton_state-disabled {
1269
+ opacity: 0.5;
1270
+ }
1271
+ .ScButton_scButton.ScButton_state-default.ScButton_type-primary.ScButton_variant-error,
1272
+ .ScButton_scButton.ScButton_state-disabled.ScButton_type-primary.ScButton_variant-error {
1273
+ background: var(--alias-fill-error-solidactive, #b01717);
1274
+ }
1275
+ .ScButton_scButton.ScButton_type-primary.ScButton_variant-error .ScButton_label {
1276
+ color: var(--alias-text-and-icons-fullwhite, #ffffff);
1277
+ }
1278
+ .ScButton_scButton.ScButton_type-secondary {
1279
+ border-style: solid;
1280
+ border-color: var(--alias-border-errorplus, #3b0808);
1281
+ border-width: 0.0625rem;
1282
+ }
1283
+ .ScButton_scButton.ScButton_state-default.ScButton_type-secondary,
1284
+ .ScButton_scButton.ScButton_state-disabled.ScButton_type-secondary {
1285
+ background: var(--alias-fill-error-secondary, #1c0404);
1286
+ }
1287
+ .ScButton_scButton.ScButton_type-secondary .ScButton_label {
1288
+ color: var(--alias-text-and-icons-errorcont, #eb6b6b);
1289
+ }
1290
+ .ScButton_scButton.ScButton_type-secondary:hover,
1291
+ .ScButton_scButton.ScButton_state-hover.ScButton_type-secondary {
1292
+ background: var(--alias-fill-error-secondaryhover, #2a0606);
1293
+ }
1294
+ .ScButton_scButton.ScButton_type-primary.ScButton_variant-error:hover,
1295
+ .ScButton_scButton.ScButton_state-hover.ScButton_type-primary.ScButton_variant-error {
1296
+ background: var(--alias-fill-error-solidhover, #e04444);
1297
+ }
1298
+ .ScButton_scButton.ScButton_state-default.ScButton_variant-secondary,
1299
+ .ScButton_scButton.ScButton_state-disabled.ScButton_variant-secondary {
1300
+ background: var(--alias-fill-neutral-neutralselected, #242424);
1301
+ }
1302
+ .ScButton_scButton.ScButton_variant-secondary .ScButton_label,
1303
+ .ScButton_scButton.ScButton_variant-tertiary .ScButton_label,
1304
+ .ScButton_scButton.ScButton_variant-outline .ScButton_label {
1305
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
1306
+ }
1307
+ .ScButton_scButton.ScButton_state-default.ScButton_variant-tertiary,
1308
+ .ScButton_scButton.ScButton_state-disabled.ScButton_variant-tertiary,
1309
+ .ScButton_scButton.ScButton_state-default.ScButton_type-tertiary,
1310
+ .ScButton_scButton.ScButton_state-disabled.ScButton_type-tertiary,
1311
+ .ScButton_scButton.ScButton_state-default.ScButton_variant-outline,
1312
+ .ScButton_scButton.ScButton_state-disabled.ScButton_variant-outline {
1313
+ background: unset;
1314
+ }
1315
+ .ScButton_scButton.ScButton_type-tertiary .ScButton_label {
1316
+ color: var(--alias-text-and-icons-error, #d11a1a);
1317
+ }
1318
+ .ScButton_scButton.ScButton_type-tertiary:hover,
1319
+ .ScButton_scButton.ScButton_state-hover.ScButton_type-tertiary {
1320
+ background: var(--alias-fill-error-secondary, #1c0404);
1321
+ border-style: solid;
1322
+ border-color: var(--alias-border-errorplus, #3b0808);
1323
+ border-width: 0.0625rem;
1324
+ }
1325
+ .ScButton_scButton.ScButton_variant-outline {
1326
+ border-style: solid;
1327
+ border-color: var(--alias-border-default, #3e3e3e);
1328
+ border-width: 0.078125rem;
1329
+ }
1330
+ .ScButton_scButton.ScButton_variant-outline:hover,
1331
+ .ScButton_scButton.ScButton_state-hover.ScButton_variant-outline,
1332
+ .ScButton_scButton.ScButton_variant-tertiary:hover,
1333
+ .ScButton_scButton.ScButton_state-hover.ScButton_variant-tertiary {
1334
+ background: var(--alias-fill-neutral-neutral, #1a1a1a);
1335
+ }
1336
+ .ScButton_scButton.ScButton_variant-secondary:hover,
1337
+ .ScButton_scButton.ScButton_state-hover.ScButton_variant-secondary {
1338
+ background: var(--alias-fill-neutral-neutralactive, #313131);
1339
+ }
1340
+ .ScButton_scButton.ScButton_variant-primary:hover,
1341
+ .ScButton_scButton.ScButton_state-hover.ScButton_variant-primary {
1342
+ background: var(--alias-fill-base-basehover, #bfbfbf);
1343
+ }
1344
+ .ScButton_scButton.ScButton_size-sm .ScButton_siconHomeInstance {
1345
+ width: 1rem !important;
1346
+ height: 1rem !important;
1347
+ }
1348
+ .ScButton_scButton.ScButton_size-lg.ScButton_style-variant-icon-only {
1349
+ padding: var(--100-3, 0.75rem) var(--spacing-xxl, 0.875rem) var(--100-3, 0.75rem) var(--spacing-xxl, 0.875rem);
1350
+ width: 3rem;
1351
+ }
1352
+ .ScButton_scButton.ScButton_size-md.ScButton_style-variant-icon-only {
1353
+ padding: var(--spacing-md, 0.5rem);
1354
+ width: 2.5rem;
1355
+ }
1356
+ .ScButton_scButton.ScButton_size-sm.ScButton_style-variant-icon-only {
1357
+ padding: var(--spacing-xs, 0.25rem);
1358
+ width: 2rem;
1359
+ }
1360
+
1361
+ /* src/SC-Calendar/ScCalendar.module.css */
1362
+ .ScCalendar_scCalendar,
1363
+ .ScCalendar_scCalendar * {
1364
+ box-sizing: border-box;
1365
+ }
1366
+ .ScCalendar_scCalendar {
1367
+ background: var(--alias-surface-canvasbase, #0e0e0e);
1368
+ border-radius: var(--radius-3xl, 1rem);
1369
+ padding: var(--spacing-6xl, 1.5rem);
1370
+ display: flex;
1371
+ flex-direction: column;
1372
+ gap: 1.1875rem;
1373
+ align-items: center;
1374
+ justify-content: flex-start;
1375
+ width: 20rem;
1376
+ position: relative;
1377
+ }
1378
+ .ScCalendar_header {
1379
+ display: flex;
1380
+ flex-direction: row;
1381
+ gap: var(--spacing-3xl, 1rem);
1382
+ align-items: center;
1383
+ justify-content: flex-start;
1384
+ align-self: stretch;
1385
+ flex-shrink: 0;
1386
+ position: relative;
1387
+ }
1388
+ .ScCalendar_monthYear {
1389
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
1390
+ text-align: left;
1391
+ font-family: var( --text-text-md-regular-font-family, "Inter-Regular", sans-serif );
1392
+ font-size: var(--text-text-md-regular-font-size, 1rem);
1393
+ line-height: var(--text-text-md-regular-line-height, 1.5rem);
1394
+ font-weight: var(--text-text-md-regular-font-weight, 400);
1395
+ position: relative;
1396
+ flex: 1;
1397
+ }
1398
+ .ScCalendar_navigation {
1399
+ display: flex;
1400
+ flex-direction: row;
1401
+ align-items: center;
1402
+ justify-content: space-between;
1403
+ flex-shrink: 0;
1404
+ width: 4.5rem;
1405
+ position: relative;
1406
+ }
1407
+ .ScCalendar_scHDividerInstance {
1408
+ align-self: stretch !important;
1409
+ flex-shrink: 0 !important;
1410
+ width: unset !important;
1411
+ }
1412
+ .ScCalendar_calendarGrid {
1413
+ align-self: stretch;
1414
+ flex-shrink: 0;
1415
+ display: grid;
1416
+ gap: 0rem;
1417
+ position: relative;
1418
+ grid-template-columns: repeat(7, minmax(0, 1fr));
1419
+ grid-template-rows: repeat(5, fit-content(100%));
1420
+ }
1421
+ .ScCalendar_scCalendarDateCompsInstance {
1422
+ grid-column: 1 / span 1 !important;
1423
+ grid-row: 1 / span 1 !important;
1424
+ width: unset !important;
1425
+ }
1426
+ .ScCalendar_scCalendarDateCompsInstance2 {
1427
+ grid-column: 2 / span 1 !important;
1428
+ grid-row: 1 / span 1 !important;
1429
+ width: unset !important;
1430
+ }
1431
+ .ScCalendar_scCalendarDateCompsInstance3 {
1432
+ grid-column: 3 / span 1 !important;
1433
+ grid-row: 1 / span 1 !important;
1434
+ width: unset !important;
1435
+ }
1436
+ .ScCalendar_scCalendarDateCompsInstance4 {
1437
+ grid-column: 4 / span 1 !important;
1438
+ grid-row: 1 / span 1 !important;
1439
+ width: unset !important;
1440
+ }
1441
+ .ScCalendar_scCalendarDateCompsInstance5 {
1442
+ grid-column: 5 / span 1 !important;
1443
+ grid-row: 1 / span 1 !important;
1444
+ width: unset !important;
1445
+ }
1446
+ .ScCalendar_scCalendarDateCompsInstance6 {
1447
+ grid-column: 6 / span 1 !important;
1448
+ grid-row: 1 / span 1 !important;
1449
+ width: unset !important;
1450
+ }
1451
+ .ScCalendar_scCalendarDateCompsInstance7 {
1452
+ grid-column: 7 / span 1 !important;
1453
+ grid-row: 1 / span 1 !important;
1454
+ width: unset !important;
1455
+ }
1456
+ .ScCalendar_scCalendarDateCompsInstance8 {
1457
+ grid-column: 6 / span 1 !important;
1458
+ grid-row: 3 / span 1 !important;
1459
+ width: unset !important;
1460
+ }
1461
+ .ScCalendar_scCalendarDateCompsInstance9 {
1462
+ grid-column: 7 / span 1 !important;
1463
+ grid-row: 4 / span 1 !important;
1464
+ width: unset !important;
1465
+ }
1466
+ .ScCalendar_scCalendarDateCompsInstance10 {
1467
+ grid-column: 3 / span 1 !important;
1468
+ grid-row: 4 / span 1 !important;
1469
+ width: unset !important;
1470
+ }
1471
+ .ScCalendar_scCalendarDateCompsInstance11 {
1472
+ grid-column: 3 / span 1 !important;
1473
+ grid-row: 2 / span 1 !important;
1474
+ width: unset !important;
1475
+ }
1476
+ .ScCalendar_scCalendarDateCompsInstance12 {
1477
+ grid-column: 5 / span 1 !important;
1478
+ grid-row: 2 / span 1 !important;
1479
+ width: unset !important;
1480
+ }
1481
+ .ScCalendar_scCalendarDateCompsInstance13 {
1482
+ grid-column: 6 / span 1 !important;
1483
+ grid-row: 2 / span 1 !important;
1484
+ width: unset !important;
1485
+ }
1486
+ .ScCalendar_scCalendarDateCompsInstance14 {
1487
+ grid-column: 2 / span 1 !important;
1488
+ grid-row: 3 / span 1 !important;
1489
+ width: unset !important;
1490
+ }
1491
+ .ScCalendar_scCalendarDateCompsInstance15 {
1492
+ grid-column: 1 / span 1 !important;
1493
+ grid-row: 4 / span 1 !important;
1494
+ width: unset !important;
1495
+ }
1496
+ .ScCalendar_scCalendarDateCompsInstance16 {
1497
+ grid-column: 7 / span 1 !important;
1498
+ grid-row: 3 / span 1 !important;
1499
+ width: unset !important;
1500
+ }
1501
+ .ScCalendar_scCalendarDateCompsInstance17 {
1502
+ grid-column: 2 / span 1 !important;
1503
+ grid-row: 4 / span 1 !important;
1504
+ width: unset !important;
1505
+ }
1506
+ .ScCalendar_scCalendarDateCompsInstance18 {
1507
+ grid-column: 1 / span 1 !important;
1508
+ grid-row: 2 / span 1 !important;
1509
+ width: unset !important;
1510
+ }
1511
+ .ScCalendar_scCalendarDateCompsInstance19 {
1512
+ grid-column: 5 / span 1 !important;
1513
+ grid-row: 4 / span 1 !important;
1514
+ width: unset !important;
1515
+ }
1516
+ .ScCalendar_scCalendarDateCompsInstance20 {
1517
+ grid-column: 2 / span 1 !important;
1518
+ grid-row: 2 / span 1 !important;
1519
+ width: unset !important;
1520
+ }
1521
+ .ScCalendar_scCalendarDateCompsInstance21 {
1522
+ grid-column: 4 / span 1 !important;
1523
+ grid-row: 3 / span 1 !important;
1524
+ width: unset !important;
1525
+ }
1526
+ .ScCalendar_scCalendarDateCompsInstance22 {
1527
+ grid-column: 4 / span 1 !important;
1528
+ grid-row: 4 / span 1 !important;
1529
+ width: unset !important;
1530
+ }
1531
+ .ScCalendar_scCalendarDateCompsInstance23 {
1532
+ grid-column: 4 / span 1 !important;
1533
+ grid-row: 2 / span 1 !important;
1534
+ width: unset !important;
1535
+ }
1536
+ .ScCalendar_scCalendarDateCompsInstance24 {
1537
+ grid-column: 3 / span 1 !important;
1538
+ grid-row: 3 / span 1 !important;
1539
+ width: unset !important;
1540
+ }
1541
+ .ScCalendar_scCalendarDateCompsInstance25 {
1542
+ grid-column: 7 / span 1 !important;
1543
+ grid-row: 2 / span 1 !important;
1544
+ width: unset !important;
1545
+ }
1546
+ .ScCalendar_scCalendarDateCompsInstance26 {
1547
+ grid-column: 5 / span 1 !important;
1548
+ grid-row: 3 / span 1 !important;
1549
+ width: unset !important;
1550
+ }
1551
+ .ScCalendar_scCalendarDateCompsInstance27 {
1552
+ grid-column: 6 / span 1 !important;
1553
+ grid-row: 4 / span 1 !important;
1554
+ width: unset !important;
1555
+ }
1556
+ .ScCalendar_scCalendarDateCompsInstance28 {
1557
+ grid-column: 1 / span 1 !important;
1558
+ grid-row: 5 / span 1 !important;
1559
+ width: unset !important;
1560
+ }
1561
+ .ScCalendar_scCalendarDateCompsInstance29 {
1562
+ grid-column: 2 / span 1 !important;
1563
+ grid-row: 5 / span 1 !important;
1564
+ width: unset !important;
1565
+ }
1566
+ .ScCalendar_scCalendarDateCompsInstance30 {
1567
+ grid-column: 1 / span 1 !important;
1568
+ grid-row: 3 / span 1 !important;
1569
+ width: unset !important;
1570
+ }
1571
+ .ScCalendar_scCalendarDateCompsInstance31 {
1572
+ grid-column: 3 / span 1 !important;
1573
+ grid-row: 5 / span 1 !important;
1574
+ width: unset !important;
1575
+ }
1576
+ .ScCalendar_scCalendarDateCompsInstance32 {
1577
+ grid-column: 4 / span 1 !important;
1578
+ grid-row: 5 / span 1 !important;
1579
+ width: unset !important;
1580
+ }
1581
+ .ScCalendar_scCalendarDateCompsInstance33 {
1582
+ grid-column: 5 / span 1 !important;
1583
+ grid-row: 5 / span 1 !important;
1584
+ width: unset !important;
1585
+ }
1586
+ .ScCalendar_scCalendarDateCompsInstance34 {
1587
+ grid-column: 6 / span 1 !important;
1588
+ grid-row: 5 / span 1 !important;
1589
+ width: unset !important;
1590
+ }
1591
+ .ScCalendar_scCalendarDateCompsInstance35 {
1592
+ grid-column: 7 / span 1 !important;
1593
+ grid-row: 5 / span 1 !important;
1594
+ width: unset !important;
1595
+ }
1596
+
1597
+ /* src/SC-HDivider/ScHDivider.module.css */
1598
+ .ScHDivider_scHDivider,
1599
+ .ScHDivider_scHDivider * {
1600
+ box-sizing: border-box;
1601
+ }
1602
+ .ScHDivider_scHDivider {
1603
+ width: 8.9375rem;
1604
+ height: 0rem;
1605
+ position: relative;
1606
+ overflow: visible;
1607
+ }
1608
+
1609
+ /* src/SC-Calendar date comps/ScCalendarDateComps.module.css */
1610
+ .ScCalendarDateComps_scCalendarDateComps,
1611
+ .ScCalendarDateComps_scCalendarDateComps * {
1612
+ box-sizing: border-box;
1613
+ }
1614
+ .ScCalendarDateComps_scCalendarDateComps {
1615
+ padding: 0.5rem;
1616
+ display: flex;
1617
+ flex-direction: column;
1618
+ gap: 0.5rem;
1619
+ align-items: center;
1620
+ justify-content: center;
1621
+ width: 2.5rem;
1622
+ position: relative;
1623
+ }
1624
+ .ScCalendarDateComps_date {
1625
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
1626
+ text-align: center;
1627
+ font-family: var( --text-text-md-regular-font-family, "Inter-Regular", sans-serif );
1628
+ font-size: var(--text-text-md-regular-font-size, 1rem);
1629
+ line-height: var(--text-text-md-regular-line-height, 1.5rem);
1630
+ font-weight: var(--text-text-md-regular-font-weight, 400);
1631
+ position: relative;
1632
+ align-self: stretch;
1633
+ }
1634
+ .ScCalendarDateComps_scCalendarDateComps.ScCalendarDateComps_state-empty .ScCalendarDateComps_date {
1635
+ color: unset;
1636
+ }
1637
+ .ScCalendarDateComps_scCalendarDateComps.ScCalendarDateComps_state-today {
1638
+ border-style: solid;
1639
+ border-color: var(--alias-text-and-icons-tertiary, #9e9e9e);
1640
+ border-width: 0rem 0rem 0.0625rem 0rem;
1641
+ }
1642
+ .ScCalendarDateComps_scCalendarDateComps.ScCalendarDateComps_state-range-start {
1643
+ background: var(--alias-surface-overlay, #3e3e3e);
1644
+ border-radius: var(--radius-md, 0.5rem) 0rem 0rem var(--radius-md, 0.5rem);
1645
+ }
1646
+ .ScCalendarDateComps_scCalendarDateComps.ScCalendarDateComps_state-range-end {
1647
+ background: var(--alias-surface-overlay, #3e3e3e);
1648
+ border-radius: var(--radius-none, 0rem) var(--radius-md, 0.5rem) var(--radius-md, 0.5rem) var(--radius-none, 0rem);
1649
+ }
1650
+ .ScCalendarDateComps_scCalendarDateComps:hover,
1651
+ .ScCalendarDateComps_scCalendarDateComps.ScCalendarDateComps_state-hover {
1652
+ background: var(--alias-fill-neutral-neutralplus, #151515);
1653
+ }
1654
+ .ScCalendarDateComps_scCalendarDateComps.ScCalendarDateComps_state-range {
1655
+ background: var(--alias-fill-neutral-neutraltohover, #1f1f1f);
1656
+ }
1657
+
1658
+ /* src/SC-Credits usage card/ScCreditsUsageCard.module.css */
1659
+ .ScCreditsUsageCard_scCreditsUsageCard,
1660
+ .ScCreditsUsageCard_scCreditsUsageCard * {
1661
+ box-sizing: border-box;
1662
+ }
1663
+ .ScCreditsUsageCard_scCreditsUsageCard {
1664
+ background: var(--alias-surface-base, #101010);
1665
+ border-radius: var(--radius-3xl, 1rem);
1666
+ border-style: solid;
1667
+ border-color: var(--alias-border-subtle, #242424);
1668
+ border-width: 0.0625rem;
1669
+ padding: var(--spacing-6xl, 1.5rem);
1670
+ display: flex;
1671
+ flex-direction: column;
1672
+ gap: var(--spacing-3xl, 1rem);
1673
+ align-items: flex-start;
1674
+ justify-content: flex-start;
1675
+ position: relative;
1676
+ backdrop-filter: blur(0.25rem);
1677
+ }
1678
+ .ScCreditsUsageCard_header {
1679
+ display: flex;
1680
+ flex-direction: row;
1681
+ gap: var(--spacing-md, 0.5rem);
1682
+ align-items: center;
1683
+ justify-content: flex-start;
1684
+ align-self: stretch;
1685
+ flex-shrink: 0;
1686
+ position: relative;
1687
+ }
1688
+ .ScCreditsUsageCard_scPairtextInstance {
1689
+ flex: 1 !important;
1690
+ }
1691
+ .ScCreditsUsageCard_usageText {
1692
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
1693
+ text-align: right;
1694
+ font-family: var( --lead-text-lead-text-xs-medium-font-family, "Inter-Medium", sans-serif );
1695
+ font-size: var(--lead-text-lead-text-xs-medium-font-size, 1.125rem);
1696
+ line-height: var(--lead-text-lead-text-xs-medium-line-height, 1.625rem);
1697
+ font-weight: var(--lead-text-lead-text-xs-medium-font-weight, 500);
1698
+ position: relative;
1699
+ }
1700
+ .ScCreditsUsageCard_scHDividerInstance {
1701
+ align-self: stretch !important;
1702
+ flex-shrink: 0 !important;
1703
+ width: unset !important;
1704
+ }
1705
+ .ScCreditsUsageCard_progressContainer {
1706
+ display: flex;
1707
+ flex-direction: row;
1708
+ gap: var(--spacing-3xl, 1rem);
1709
+ align-items: center;
1710
+ justify-content: flex-start;
1711
+ align-self: stretch;
1712
+ flex-shrink: 0;
1713
+ height: 2.875rem;
1714
+ position: relative;
1715
+ }
1716
+ .ScCreditsUsageCard_scProgressBarInstance {
1717
+ flex: 1 !important;
1718
+ width: unset !important;
1719
+ }
1720
+ .ScCreditsUsageCard_remainingText {
1721
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
1722
+ text-align: right;
1723
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
1724
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
1725
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
1726
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
1727
+ position: relative;
1728
+ }
1729
+ .ScCreditsUsageCard_scButtonInstance {
1730
+ flex-shrink: 0 !important;
1731
+ }
1732
+
1733
+ /* src/SC-Progress bar/ScProgressBar.module.css */
1734
+ .ScProgressBar_scProgressBar,
1735
+ .ScProgressBar_scProgressBar * {
1736
+ box-sizing: border-box;
1737
+ }
1738
+ .ScProgressBar_scProgressBar {
1739
+ background: var(--alias-fill-neutral-neutral, #1a1a1a);
1740
+ border-radius: var(--radius-full, 62.4375rem);
1741
+ padding: 0.5rem;
1742
+ display: flex;
1743
+ flex-direction: column;
1744
+ gap: 0.5rem;
1745
+ align-items: flex-start;
1746
+ justify-content: flex-start;
1747
+ width: 19.375rem;
1748
+ position: relative;
1749
+ overflow: hidden;
1750
+ }
1751
+ .ScProgressBar_progressFill {
1752
+ background: var(--alias-fill-warning-solid, #db8b00);
1753
+ border-radius: var(--radius-full, 62.4375rem);
1754
+ flex-shrink: 0;
1755
+ width: 6.25rem;
1756
+ height: 0.375rem;
1757
+ position: relative;
1758
+ }
1759
+
1760
+ /* src/SC-Google sign in/ScGoogleSignIn.module.css */
1761
+ .ScGoogleSignIn_scGoogleSignIn,
1762
+ .ScGoogleSignIn_scGoogleSignIn * {
1763
+ box-sizing: border-box;
1764
+ }
1765
+ .ScGoogleSignIn_scGoogleSignIn {
1766
+ background: var(--alias-surface-raised, #242424);
1767
+ border-radius: var(--radius-3xl, 1rem);
1768
+ padding: 1rem;
1769
+ display: flex;
1770
+ flex-direction: row;
1771
+ gap: 0.625rem;
1772
+ align-items: center;
1773
+ justify-content: center;
1774
+ position: relative;
1775
+ }
1776
+ .ScGoogleSignIn_googleLogo {
1777
+ flex-shrink: 0;
1778
+ width: 1.5rem;
1779
+ height: 1.5rem;
1780
+ position: relative;
1781
+ object-fit: cover;
1782
+ aspect-ratio: 1;
1783
+ }
1784
+ .ScGoogleSignIn_signInText {
1785
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
1786
+ text-align: left;
1787
+ font-family: var( --text-text-md-medium-font-family, "Inter-Medium", sans-serif );
1788
+ font-size: var(--text-text-md-medium-font-size, 1rem);
1789
+ line-height: var(--text-text-md-medium-line-height, 1.5rem);
1790
+ font-weight: var(--text-text-md-medium-font-weight, 500);
1791
+ position: relative;
1792
+ display: flex;
1793
+ align-items: center;
1794
+ justify-content: flex-start;
1795
+ }
1796
+ .ScGoogleSignIn_scGoogleSignIn:hover,
1797
+ .ScGoogleSignIn_scGoogleSignIn.ScGoogleSignIn_hover-true {
1798
+ background: var(--alias-surface-inverse, #f5f5f5);
1799
+ }
1800
+ .ScGoogleSignIn_scGoogleSignIn:hover .ScGoogleSignIn_signInText,
1801
+ .ScGoogleSignIn_scGoogleSignIn.ScGoogleSignIn_hover-true .ScGoogleSignIn_signInText {
1802
+ color: var(--alias-text-and-icons-inverse, #101010);
1803
+ }
1804
+
1805
+ /* src/SC-Intial Profile Cover/ScIntialProfileCover.module.css */
1806
+ .ScIntialProfileCover_scIntialProfileCover,
1807
+ .ScIntialProfileCover_scIntialProfileCover * {
1808
+ box-sizing: border-box;
1809
+ }
1810
+ .ScIntialProfileCover_scIntialProfileCover {
1811
+ background: var(--alias-fill-neutral-neutralselected, #242424);
1812
+ border-radius: var(--radius-3xl, 1rem);
1813
+ padding: var(--spacing-3xl, 1rem);
1814
+ display: flex;
1815
+ flex-direction: row;
1816
+ gap: 0.5rem;
1817
+ align-items: center;
1818
+ justify-content: center;
1819
+ width: 3.75rem;
1820
+ height: 3.75rem;
1821
+ position: relative;
1822
+ aspect-ratio: 1;
1823
+ }
1824
+ .ScIntialProfileCover_initials {
1825
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
1826
+ text-align: center;
1827
+ font-family: var( --text-text-md-medium-font-family, "Inter-Medium", sans-serif );
1828
+ font-size: var(--text-text-md-medium-font-size, 1rem);
1829
+ line-height: var(--text-text-md-medium-line-height, 1.5rem);
1830
+ font-weight: var(--text-text-md-medium-font-weight, 500);
1831
+ position: relative;
1832
+ align-self: stretch;
1833
+ flex: 1;
1834
+ display: flex;
1835
+ align-items: center;
1836
+ justify-content: center;
1837
+ text-overflow: ellipsis;
1838
+ overflow: hidden;
1839
+ }
1840
+
1841
+ /* src/SC-Logo unit/ScLogoUnit.module.css */
1842
+ .ScLogoUnit_scLogoUnit,
1843
+ .ScLogoUnit_scLogoUnit * {
1844
+ box-sizing: border-box;
1845
+ }
1846
+ .ScLogoUnit_scLogoUnit {
1847
+ padding: var(--spacing-3xl, 1rem);
1848
+ display: flex;
1849
+ flex-direction: column;
1850
+ gap: 0.5rem;
1851
+ align-items: flex-start;
1852
+ justify-content: flex-start;
1853
+ width: 15rem;
1854
+ position: relative;
1855
+ }
1856
+ .ScLogoUnit_scStrLogoInstance {
1857
+ flex-shrink: 0 !important;
1858
+ width: 10.4375rem !important;
1859
+ height: 1rem !important;
1860
+ aspect-ratio: 167/16 !important;
1861
+ }
1862
+ .ScLogoUnit_scLogoUnit.ScLogoUnit_state-collapsed {
1863
+ padding: var(--spacing-md, 0.5rem);
1864
+ align-items: center;
1865
+ justify-content: center;
1866
+ width: 3rem;
1867
+ height: 3rem;
1868
+ }
1869
+ .ScLogoUnit_scLogoUnit.ScLogoUnit_state-collapsed .ScLogoUnit_scStrLogoInstance {
1870
+ flex-shrink: 0 !important;
1871
+ width: 2rem !important;
1872
+ height: 0.75rem !important;
1873
+ aspect-ratio: 32/12 !important;
1874
+ }
1875
+
1876
+ /* src/SC-strLogo/ScStrLogo.module.css */
1877
+ .ScStrLogo_scStrLogo,
1878
+ .ScStrLogo_scStrLogo * {
1879
+ box-sizing: border-box;
1880
+ }
1881
+ .ScStrLogo_scStrLogo {
1882
+ height: 3.75rem;
1883
+ position: relative;
1884
+ overflow: visible;
1885
+ }
1886
+ .ScStrLogo_scStrLogo.ScStrLogo_type-default .ScStrLogo_vector,
1887
+ .ScStrLogo_scStrLogo.ScStrLogo_type-logo-only .ScStrLogo_vector {
1888
+ width: 100%;
1889
+ height: 100%;
1890
+ position: absolute;
1891
+ right: 0%;
1892
+ left: 0%;
1893
+ bottom: 0%;
1894
+ top: 0%;
1895
+ overflow: visible;
1896
+ }
1897
+ .ScStrLogo_scStrLogo.ScStrLogo_type-logo-only {
1898
+ width: 10.1875rem;
1899
+ aspect-ratio: 163/60;
1900
+ }
1901
+
1902
+ /* src/SC-Menu options/ScMenuOptions.module.css */
1903
+ .ScMenuOptions_scMenuOptions,
1904
+ .ScMenuOptions_scMenuOptions * {
1905
+ box-sizing: border-box;
1906
+ }
1907
+ .ScMenuOptions_scMenuOptions {
1908
+ border-radius: var(--radius-3xl, 1rem);
1909
+ padding: var(--spacing-md, 0.5rem) var(--spacing-xl, 0.75rem) var(--spacing-md, 0.5rem) var(--spacing-xl, 0.75rem);
1910
+ display: flex;
1911
+ flex-direction: row;
1912
+ gap: var(--spacing-md, 0.5rem);
1913
+ align-items: center;
1914
+ justify-content: flex-start;
1915
+ width: 12.5rem;
1916
+ position: relative;
1917
+ }
1918
+ .ScMenuOptions_content {
1919
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
1920
+ text-align: left;
1921
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
1922
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
1923
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
1924
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
1925
+ position: relative;
1926
+ flex: 1;
1927
+ text-overflow: ellipsis;
1928
+ overflow: hidden;
1929
+ white-space: nowrap;
1930
+ }
1931
+ .ScMenuOptions_scMenuOptions.ScMenuOptions_hover-false .ScMenuOptions_content2,
1932
+ .ScMenuOptions_scMenuOptions:hover .ScMenuOptions_content2,
1933
+ .ScMenuOptions_scMenuOptions.ScMenuOptions_hover-true .ScMenuOptions_content2 {
1934
+ color: var(--alias-text-and-icons-muted, #7a7a7a);
1935
+ text-align: right;
1936
+ font-family: var( --text-text-xs-regular-font-family, "Inter-Regular", sans-serif );
1937
+ font-size: var(--text-text-xs-regular-font-size, 0.75rem);
1938
+ line-height: var(--text-text-xs-regular-line-height, 1.125rem);
1939
+ font-weight: var(--text-text-xs-regular-font-weight, 400);
1940
+ position: relative;
1941
+ text-overflow: ellipsis;
1942
+ overflow: hidden;
1943
+ white-space: nowrap;
1944
+ }
1945
+ .ScMenuOptions_scMenuOptions.ScMenuOptions_variant-error .ScMenuOptions_content {
1946
+ color: var(--alias-text-and-icons-error, #d11a1a);
1947
+ }
1948
+ .ScMenuOptions_scMenuOptions.ScMenuOptions_variant-default:hover,
1949
+ .ScMenuOptions_scMenuOptions.ScMenuOptions_hover-true.ScMenuOptions_variant-default,
1950
+ .ScMenuOptions_scMenuOptions.ScMenuOptions_variant-with-v:hover,
1951
+ .ScMenuOptions_scMenuOptions.ScMenuOptions_hover-true.ScMenuOptions_variant-with-v {
1952
+ background: var(--alias-fill-neutral-neutraltohover, #1f1f1f);
1953
+ }
1954
+ .ScMenuOptions_scMenuOptions.ScMenuOptions_variant-error:hover,
1955
+ .ScMenuOptions_scMenuOptions.ScMenuOptions_hover-true.ScMenuOptions_variant-error {
1956
+ background: var(--alias-fill-error-secondary, #1c0404);
1957
+ }
1958
+
1959
+ /* src/SC-OnlyIcon/ScOnlyIcon.module.css */
1960
+ .ScOnlyIcon_scOnlyIcon,
1961
+ .ScOnlyIcon_scOnlyIcon * {
1962
+ box-sizing: border-box;
1963
+ }
1964
+ .ScOnlyIcon_scOnlyIcon {
1965
+ border-radius: var(--radius-3xl, 1rem);
1966
+ padding: 0.5rem;
1967
+ display: flex;
1968
+ flex-direction: row;
1969
+ gap: 0.5rem;
1970
+ align-items: center;
1971
+ justify-content: flex-start;
1972
+ position: relative;
1973
+ }
1974
+ .ScOnlyIcon_scOnlyIcon:hover,
1975
+ .ScOnlyIcon_scOnlyIcon.ScOnlyIcon_hover-true {
1976
+ background: var(--alias-fill-neutral-neutralhover, #242424);
1977
+ }
1978
+
1979
+ /* src/SC-Plan card/ScPlanCard.module.css */
1980
+ .ScPlanCard_scPlanCard,
1981
+ .ScPlanCard_scPlanCard * {
1982
+ box-sizing: border-box;
1983
+ }
1984
+ .ScPlanCard_scPlanCard {
1985
+ background: var(--alias-surface-base, #101010);
1986
+ border-radius: var(--radius-3xl, 1rem);
1987
+ border-style: solid;
1988
+ border-color: var(--alias-border-subtle, #242424);
1989
+ border-width: 0.0625rem;
1990
+ padding: var(--spacing-6xl, 1.5rem);
1991
+ display: flex;
1992
+ flex-direction: column;
1993
+ gap: var(--spacing-6xl, 1.5rem);
1994
+ align-items: flex-start;
1995
+ justify-content: flex-start;
1996
+ position: relative;
1997
+ backdrop-filter: blur(0.25rem);
1998
+ }
1999
+ .ScPlanCard_planDetails {
2000
+ display: flex;
2001
+ flex-direction: column;
2002
+ gap: 1rem;
2003
+ align-items: flex-start;
2004
+ justify-content: flex-start;
2005
+ align-self: stretch;
2006
+ flex-shrink: 0;
2007
+ position: relative;
2008
+ }
2009
+ .ScPlanCard_planHeader {
2010
+ display: flex;
2011
+ flex-direction: row;
2012
+ gap: var(--spacing-md, 0.5rem);
2013
+ align-items: flex-start;
2014
+ justify-content: flex-start;
2015
+ align-self: stretch;
2016
+ flex-shrink: 0;
2017
+ position: relative;
2018
+ }
2019
+ .ScPlanCard_planInfo {
2020
+ display: flex;
2021
+ flex-direction: column;
2022
+ gap: var(--spacing-none, 0rem);
2023
+ align-items: center;
2024
+ justify-content: center;
2025
+ flex: 1;
2026
+ position: relative;
2027
+ }
2028
+ .ScPlanCard_planName {
2029
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
2030
+ text-align: left;
2031
+ font-family: var( --lead-text-lead-text-md-bold-font-family, "Inter-Bold", sans-serif );
2032
+ font-size: var(--lead-text-lead-text-md-bold-font-size, 1.5rem);
2033
+ line-height: var(--lead-text-lead-text-md-bold-line-height, 2rem);
2034
+ font-weight: var(--lead-text-lead-text-md-bold-font-weight, 700);
2035
+ position: relative;
2036
+ align-self: stretch;
2037
+ }
2038
+ .ScPlanCard_planPrice {
2039
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
2040
+ text-align: left;
2041
+ font-family: var( --text-text-md-regular-font-family, "Inter-Regular", sans-serif );
2042
+ font-size: var(--text-text-md-regular-font-size, 1rem);
2043
+ line-height: var(--text-text-md-regular-line-height, 1.5rem);
2044
+ font-weight: var(--text-text-md-regular-font-weight, 400);
2045
+ position: relative;
2046
+ align-self: stretch;
2047
+ }
2048
+ .ScPlanCard_cartContainer {
2049
+ background: var(--alias-fill-neutral-neutral, transparent);
2050
+ border-radius: var(--radius-md, 0.5rem);
2051
+ padding: 0.5rem;
2052
+ display: flex;
2053
+ flex-direction: row;
2054
+ gap: 0.5rem;
2055
+ align-items: center;
2056
+ justify-content: center;
2057
+ flex-shrink: 0;
2058
+ width: 3.5rem;
2059
+ height: 3.5rem;
2060
+ position: relative;
2061
+ aspect-ratio: 1;
2062
+ }
2063
+ .ScPlanCard_creditsContainer {
2064
+ background: var(--alias-fill-neutral-neutralplus, #151515);
2065
+ border-radius: var(--radius-3xl, 1rem);
2066
+ padding: var(--spacing-3xl, 1rem);
2067
+ display: flex;
2068
+ flex-direction: row;
2069
+ gap: 0.5rem;
2070
+ align-items: center;
2071
+ justify-content: center;
2072
+ align-self: stretch;
2073
+ flex-shrink: 0;
2074
+ position: relative;
2075
+ }
2076
+ .ScPlanCard_creditsText {
2077
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
2078
+ text-align: left;
2079
+ font-family: var( --text-text-md-semibold-font-family, "Inter-SemiBold", sans-serif );
2080
+ font-size: var(--text-text-md-semibold-font-size, 1rem);
2081
+ line-height: var(--text-text-md-semibold-line-height, 1.5rem);
2082
+ font-weight: var(--text-text-md-semibold-font-weight, 600);
2083
+ position: relative;
2084
+ flex: 1;
2085
+ }
2086
+ .ScPlanCard_scHDividerInstance {
2087
+ align-self: stretch !important;
2088
+ flex-shrink: 0 !important;
2089
+ width: unset !important;
2090
+ }
2091
+ .ScPlanCard_featuresSection {
2092
+ display: flex;
2093
+ flex-direction: column;
2094
+ gap: 1rem;
2095
+ align-items: flex-start;
2096
+ justify-content: flex-start;
2097
+ align-self: stretch;
2098
+ flex-shrink: 0;
2099
+ position: relative;
2100
+ }
2101
+ .ScPlanCard_vector {
2102
+ flex-shrink: 0;
2103
+ width: 3.4725rem;
2104
+ height: 0.68rem;
2105
+ position: relative;
2106
+ overflow: visible;
2107
+ aspect-ratio: 55.56/10.88;
2108
+ }
2109
+ .ScPlanCard_scPairtextInstance {
2110
+ align-self: stretch !important;
2111
+ flex-shrink: 0 !important;
2112
+ }
2113
+ .ScPlanCard_scHDividerInstance2 {
2114
+ align-self: stretch !important;
2115
+ flex-shrink: 0 !important;
2116
+ width: unset !important;
2117
+ }
2118
+ .ScPlanCard_vector2 {
2119
+ flex-shrink: 0;
2120
+ width: 5.53rem;
2121
+ height: 0.85rem;
2122
+ position: relative;
2123
+ overflow: visible;
2124
+ aspect-ratio: 88.48/13.6;
2125
+ }
2126
+ .ScPlanCard_scHDividerInstance3 {
2127
+ align-self: stretch !important;
2128
+ flex-shrink: 0 !important;
2129
+ width: unset !important;
2130
+ }
2131
+ .ScPlanCard_vector3 {
2132
+ flex-shrink: 0;
2133
+ width: 4.54375rem;
2134
+ height: 0.86rem;
2135
+ position: relative;
2136
+ overflow: visible;
2137
+ aspect-ratio: 72.7/13.76;
2138
+ }
2139
+ .ScPlanCard_upgradeButtonContainer {
2140
+ padding: var(--spacing-3xl, 1rem) 0rem 0rem 0rem;
2141
+ display: flex;
2142
+ flex-direction: column;
2143
+ gap: 0.5rem;
2144
+ align-items: flex-start;
2145
+ justify-content: flex-start;
2146
+ align-self: stretch;
2147
+ flex-shrink: 0;
2148
+ position: relative;
2149
+ }
2150
+ .ScPlanCard_scButtonInstance {
2151
+ align-self: stretch !important;
2152
+ flex-shrink: 0 !important;
2153
+ }
2154
+ .ScPlanCard_scPlanCard.ScPlanCard_type-popular .ScPlanCard_siconDoubleArrowInstance {
2155
+ flex-shrink: 0;
2156
+ width: 1.5rem;
2157
+ height: 1.5rem;
2158
+ position: relative;
2159
+ overflow: visible;
2160
+ }
2161
+ .ScPlanCard_scPlanCard.ScPlanCard_type-popular .ScPlanCard_planName {
2162
+ color: var(--alias-text-and-icons-warningcont, #ffba3a);
2163
+ }
2164
+
2165
+ /* src/SC-Plan details card/ScPlanDetailsCard.module.css */
2166
+ .ScPlanDetailsCard_scPlanDetailsCard,
2167
+ .ScPlanDetailsCard_scPlanDetailsCard * {
2168
+ box-sizing: border-box;
2169
+ }
2170
+ .ScPlanDetailsCard_scPlanDetailsCard {
2171
+ background: var(--alias-surface-base, #101010);
2172
+ border-radius: var(--radius-3xl, 1rem);
2173
+ border-style: solid;
2174
+ border-color: var(--alias-border-subtle, #242424);
2175
+ border-width: 0.0625rem;
2176
+ padding: var(--spacing-6xl, 1.5rem);
2177
+ display: flex;
2178
+ flex-direction: column;
2179
+ gap: var(--spacing-3xl, 1rem);
2180
+ align-items: flex-start;
2181
+ justify-content: flex-start;
2182
+ position: relative;
2183
+ backdrop-filter: blur(0.25rem);
2184
+ }
2185
+ .ScPlanDetailsCard_planHeader {
2186
+ display: flex;
2187
+ flex-direction: row;
2188
+ gap: var(--spacing-md, 0.5rem);
2189
+ align-items: center;
2190
+ justify-content: flex-start;
2191
+ align-self: stretch;
2192
+ flex-shrink: 0;
2193
+ position: relative;
2194
+ }
2195
+ .ScPlanDetailsCard_scPairtextInstance {
2196
+ flex: 1 !important;
2197
+ }
2198
+ .ScPlanDetailsCard_scBadgesInstance {
2199
+ width: 3.3125rem !important;
2200
+ align-self: unset !important;
2201
+ }
2202
+ .ScPlanDetailsCard_scHDividerInstance {
2203
+ align-self: stretch !important;
2204
+ flex-shrink: 0 !important;
2205
+ width: unset !important;
2206
+ }
2207
+ .ScPlanDetailsCard_planDetails {
2208
+ display: flex;
2209
+ flex-direction: row;
2210
+ gap: 0.75rem;
2211
+ align-items: center;
2212
+ justify-content: flex-start;
2213
+ align-self: stretch;
2214
+ flex-shrink: 0;
2215
+ position: relative;
2216
+ }
2217
+ .ScPlanDetailsCard_planInfo {
2218
+ display: flex;
2219
+ flex-direction: column;
2220
+ gap: var(--spacing-none, 0rem);
2221
+ align-items: center;
2222
+ justify-content: center;
2223
+ flex: 1;
2224
+ height: 2.875rem;
2225
+ position: relative;
2226
+ }
2227
+ .ScPlanDetailsCard_planName {
2228
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
2229
+ text-align: left;
2230
+ font-family: var( --lead-text-lead-text-xs-medium-font-family, "Inter-Medium", sans-serif );
2231
+ font-size: var(--lead-text-lead-text-xs-medium-font-size, 1.125rem);
2232
+ line-height: var(--lead-text-lead-text-xs-medium-line-height, 1.625rem);
2233
+ font-weight: var(--lead-text-lead-text-xs-medium-font-weight, 500);
2234
+ position: relative;
2235
+ align-self: stretch;
2236
+ }
2237
+ .ScPlanDetailsCard_planPrice {
2238
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
2239
+ text-align: left;
2240
+ font-family: var( --text-text-sm-medium-font-family, "Inter-Medium", sans-serif );
2241
+ font-size: var(--text-text-sm-medium-font-size, 0.875rem);
2242
+ line-height: var(--text-text-sm-medium-line-height, 1.25rem);
2243
+ font-weight: var(--text-text-sm-medium-font-weight, 500);
2244
+ position: relative;
2245
+ align-self: stretch;
2246
+ }
2247
+ .ScPlanDetailsCard_scButtonInstance {
2248
+ flex-shrink: 0 !important;
2249
+ }
2250
+
2251
+ /* src/SC-Profile/ScProfile.module.css */
2252
+ .ScProfile_scProfile,
2253
+ .ScProfile_scProfile * {
2254
+ box-sizing: border-box;
2255
+ }
2256
+ .ScProfile_scProfile {
2257
+ display: flex;
2258
+ flex-direction: row;
2259
+ gap: var(--spacing-xl, 0.75rem);
2260
+ align-items: center;
2261
+ justify-content: flex-start;
2262
+ width: 12.5rem;
2263
+ position: relative;
2264
+ }
2265
+ .ScProfile_profileImage {
2266
+ border-radius: var(--radius-full, 62.4375rem);
2267
+ flex-shrink: 0;
2268
+ width: 2.5rem;
2269
+ height: 2.5rem;
2270
+ position: relative;
2271
+ object-fit: cover;
2272
+ aspect-ratio: 1;
2273
+ }
2274
+ .ScProfile_userInfo {
2275
+ display: flex;
2276
+ flex-direction: column;
2277
+ gap: var(--spacing-none, 0rem);
2278
+ align-items: flex-start;
2279
+ justify-content: flex-start;
2280
+ flex: 1;
2281
+ position: relative;
2282
+ }
2283
+ .ScProfile_userName {
2284
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
2285
+ text-align: left;
2286
+ font-family: var( --text-text-sm-medium-font-family, "Inter-Medium", sans-serif );
2287
+ font-size: var(--text-text-sm-medium-font-size, 0.875rem);
2288
+ line-height: var(--text-text-sm-medium-line-height, 1.25rem);
2289
+ font-weight: var(--text-text-sm-medium-font-weight, 500);
2290
+ position: relative;
2291
+ align-self: stretch;
2292
+ text-overflow: ellipsis;
2293
+ overflow: hidden;
2294
+ white-space: nowrap;
2295
+ }
2296
+ .ScProfile_userDescription {
2297
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
2298
+ text-align: left;
2299
+ font-family: var( --text-text-xs-regular-font-family, "Inter-Regular", sans-serif );
2300
+ font-size: var(--text-text-xs-regular-font-size, 0.75rem);
2301
+ line-height: var(--text-text-xs-regular-line-height, 1.125rem);
2302
+ font-weight: var(--text-text-xs-regular-font-weight, 400);
2303
+ position: relative;
2304
+ align-self: stretch;
2305
+ text-overflow: ellipsis;
2306
+ overflow: hidden;
2307
+ white-space: nowrap;
2308
+ }
2309
+ .ScProfile_scProfile.ScProfile_collapsed-true {
2310
+ width: unset;
2311
+ }
2312
+ .ScProfile_scProfile.ScProfile_collapsed-true .ScProfile_profileImage {
2313
+ width: 2rem;
2314
+ height: 2rem;
2315
+ }
2316
+
2317
+ /* src/SC-Profile Image update/ScProfileImageUpdate.module.css */
2318
+ .ScProfileImageUpdate_scProfileImageUpdate,
2319
+ .ScProfileImageUpdate_scProfileImageUpdate * {
2320
+ box-sizing: border-box;
2321
+ }
2322
+ .ScProfileImageUpdate_scProfileImageUpdate {
2323
+ display: flex;
2324
+ flex-direction: column;
2325
+ gap: var(--spacing-md, 0.5rem);
2326
+ align-items: center;
2327
+ justify-content: flex-start;
2328
+ width: 7.5rem;
2329
+ position: relative;
2330
+ }
2331
+ .ScProfileImageUpdate_profileImage {
2332
+ border-radius: var(--radius-full, 62.4375rem);
2333
+ flex-shrink: 0;
2334
+ width: 6.25rem;
2335
+ height: 6.25rem;
2336
+ position: relative;
2337
+ object-fit: cover;
2338
+ aspect-ratio: 1;
2339
+ }
2340
+ .ScProfileImageUpdate_buttonContainer {
2341
+ display: flex;
2342
+ flex-direction: row;
2343
+ gap: 0.625rem;
2344
+ align-items: center;
2345
+ justify-content: flex-start;
2346
+ flex-shrink: 0;
2347
+ position: relative;
2348
+ }
2349
+ .ScProfileImageUpdate_scButtonInstance {
2350
+ flex-shrink: 0 !important;
2351
+ }
2352
+ .ScProfileImageUpdate_scVDividerInstance {
2353
+ flex-shrink: 0 !important;
2354
+ height: 1.5rem !important;
2355
+ }
2356
+ .ScProfileImageUpdate_siconUploadInstance {
2357
+ width: 1.25rem !important;
2358
+ height: 1.25rem !important;
2359
+ }
2360
+ .ScProfileImageUpdate_siconDeleteInstance {
2361
+ width: 1.25rem !important;
2362
+ height: 1.25rem !important;
2363
+ }
2364
+
2365
+ /* src/SC-VDivider/ScVDivider.module.css */
2366
+ .ScVDivider_scVDivider,
2367
+ .ScVDivider_scVDivider * {
2368
+ box-sizing: border-box;
2369
+ }
2370
+ .ScVDivider_scVDivider {
2371
+ width: 0rem;
2372
+ height: 1.71875rem;
2373
+ position: relative;
2374
+ overflow: visible;
2375
+ }
2376
+
2377
+ /* src/SC-Profile options/ScProfileOptions.module.css */
2378
+ .ScProfileOptions_scProfileOptions,
2379
+ .ScProfileOptions_scProfileOptions * {
2380
+ box-sizing: border-box;
2381
+ }
2382
+ .ScProfileOptions_scProfileOptions {
2383
+ background: var(--alias-surface-subtle, #1a1a1a);
2384
+ border-radius: var(--radius-4xl, 1.125rem);
2385
+ border-style: solid;
2386
+ border-color: var(--alias-border-subtle, #242424);
2387
+ border-width: 0.03125rem;
2388
+ padding: 0.5rem;
2389
+ display: flex;
2390
+ flex-direction: column;
2391
+ gap: var(--spacing-xl, 0.75rem);
2392
+ align-items: flex-start;
2393
+ justify-content: flex-start;
2394
+ width: 16.5rem;
2395
+ position: relative;
2396
+ backdrop-filter: blur(2.625rem);
2397
+ }
2398
+ .ScProfileOptions_profileHeader {
2399
+ padding: var(--spacing-md, 0.5rem);
2400
+ display: flex;
2401
+ flex-direction: row;
2402
+ gap: var(--spacing-3xl, 1rem);
2403
+ align-items: center;
2404
+ justify-content: flex-start;
2405
+ align-self: stretch;
2406
+ flex-shrink: 0;
2407
+ position: relative;
2408
+ }
2409
+ .ScProfileOptions_scProfileInstance {
2410
+ flex: 1 !important;
2411
+ width: unset !important;
2412
+ }
2413
+ .ScProfileOptions_scHDividerInstance {
2414
+ align-self: stretch !important;
2415
+ flex-shrink: 0 !important;
2416
+ width: unset !important;
2417
+ }
2418
+ .ScProfileOptions_profileDetails {
2419
+ display: flex;
2420
+ flex-direction: column;
2421
+ gap: 0.5rem;
2422
+ align-items: flex-start;
2423
+ justify-content: flex-start;
2424
+ align-self: stretch;
2425
+ flex-shrink: 0;
2426
+ position: relative;
2427
+ }
2428
+ .ScProfileOptions_workspaceInfo {
2429
+ padding: var(--spacing-md, 0.5rem);
2430
+ display: flex;
2431
+ flex-direction: row;
2432
+ gap: var(--spacing-3xl, 1rem);
2433
+ align-items: center;
2434
+ justify-content: flex-start;
2435
+ align-self: stretch;
2436
+ flex-shrink: 0;
2437
+ position: relative;
2438
+ }
2439
+ .ScProfileOptions_scWorkspaceInstance {
2440
+ flex: 1 !important;
2441
+ width: unset !important;
2442
+ }
2443
+ .ScProfileOptions_scBadgesInstance {
2444
+ width: 6.8125rem !important;
2445
+ align-self: unset !important;
2446
+ }
2447
+ .ScProfileOptions_scMenuOptionsInstance {
2448
+ align-self: stretch !important;
2449
+ flex-shrink: 0 !important;
2450
+ width: unset !important;
2451
+ }
2452
+ .ScProfileOptions_scButtonInstance {
2453
+ align-self: stretch !important;
2454
+ flex-shrink: 0 !important;
2455
+ }
2456
+ .ScProfileOptions_scHDividerInstance2 {
2457
+ align-self: stretch !important;
2458
+ flex-shrink: 0 !important;
2459
+ width: unset !important;
2460
+ }
2461
+ .ScProfileOptions_settingsOptions {
2462
+ display: flex;
2463
+ flex-direction: column;
2464
+ gap: 0.5rem;
2465
+ align-items: flex-start;
2466
+ justify-content: flex-start;
2467
+ align-self: stretch;
2468
+ flex-shrink: 0;
2469
+ position: relative;
2470
+ }
2471
+ .ScProfileOptions_scHDividerInstance3 {
2472
+ align-self: stretch !important;
2473
+ flex-shrink: 0 !important;
2474
+ width: unset !important;
2475
+ }
2476
+ .ScProfileOptions_siconSystemInstance {
2477
+ width: 1.25rem !important;
2478
+ height: 1.25rem !important;
2479
+ }
2480
+ .ScProfileOptions_scTabCompInstance {
2481
+ flex: 1 !important;
2482
+ align-self: unset !important;
2483
+ flex-shrink: unset !important;
2484
+ }
2485
+ .ScProfileOptions_siconLightInstance {
2486
+ width: 1.25rem !important;
2487
+ height: 1.25rem !important;
2488
+ }
2489
+ .ScProfileOptions_siconDarkInstance {
2490
+ width: 1.25rem !important;
2491
+ height: 1.25rem !important;
2492
+ }
2493
+
2494
+ /* src/SC-Workspace/ScWorkspace.module.css */
2495
+ .ScWorkspace_scWorkspace,
2496
+ .ScWorkspace_scWorkspace * {
2497
+ box-sizing: border-box;
2498
+ }
2499
+ .ScWorkspace_scWorkspace {
2500
+ display: flex;
2501
+ flex-direction: row;
2502
+ gap: var(--spacing-xl, 0.75rem);
2503
+ align-items: center;
2504
+ justify-content: flex-start;
2505
+ width: 12.5rem;
2506
+ position: relative;
2507
+ }
2508
+ .ScWorkspace_profileImage {
2509
+ border-radius: var(--radius-md, 0.5rem);
2510
+ flex-shrink: 0;
2511
+ width: 2.5rem;
2512
+ height: 2.5rem;
2513
+ position: relative;
2514
+ object-fit: cover;
2515
+ aspect-ratio: 1;
2516
+ }
2517
+ .ScWorkspace_userInfo {
2518
+ display: flex;
2519
+ flex-direction: column;
2520
+ gap: var(--spacing-none, 0rem);
2521
+ align-items: flex-start;
2522
+ justify-content: flex-start;
2523
+ flex: 1;
2524
+ position: relative;
2525
+ }
2526
+ .ScWorkspace_userName {
2527
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
2528
+ text-align: left;
2529
+ font-family: var( --text-text-sm-medium-font-family, "Inter-Medium", sans-serif );
2530
+ font-size: var(--text-text-sm-medium-font-size, 0.875rem);
2531
+ line-height: var(--text-text-sm-medium-line-height, 1.25rem);
2532
+ font-weight: var(--text-text-sm-medium-font-weight, 500);
2533
+ position: relative;
2534
+ align-self: stretch;
2535
+ text-overflow: ellipsis;
2536
+ overflow: hidden;
2537
+ white-space: nowrap;
2538
+ }
2539
+ .ScWorkspace_userRole {
2540
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
2541
+ text-align: left;
2542
+ font-family: var( --text-text-xs-regular-font-family, "Inter-Regular", sans-serif );
2543
+ font-size: var(--text-text-xs-regular-font-size, 0.75rem);
2544
+ line-height: var(--text-text-xs-regular-line-height, 1.125rem);
2545
+ font-weight: var(--text-text-xs-regular-font-weight, 400);
2546
+ position: relative;
2547
+ align-self: stretch;
2548
+ text-overflow: ellipsis;
2549
+ overflow: hidden;
2550
+ white-space: nowrap;
2551
+ }
2552
+ .ScWorkspace_scWorkspace.ScWorkspace_collapsed-true {
2553
+ width: unset;
2554
+ }
2555
+ .ScWorkspace_scWorkspace.ScWorkspace_collapsed-true .ScWorkspace_profileImage {
2556
+ width: 2rem;
2557
+ height: 2rem;
2558
+ }
2559
+
2560
+ /* src/SC-tabComp/ScTabComp.module.css */
2561
+ .ScTabComp_scTabComp,
2562
+ .ScTabComp_scTabComp * {
2563
+ box-sizing: border-box;
2564
+ }
2565
+ .ScTabComp_scTabComp {
2566
+ border-radius: var(--radius-md, 0.5rem);
2567
+ padding: var(--spacing-md, 0.5rem);
2568
+ display: flex;
2569
+ flex-direction: row;
2570
+ gap: 0.5rem;
2571
+ align-items: center;
2572
+ justify-content: center;
2573
+ align-self: stretch;
2574
+ flex-shrink: 0;
2575
+ position: relative;
2576
+ }
2577
+ .ScTabComp_textContainer {
2578
+ display: flex;
2579
+ flex-direction: row;
2580
+ gap: 0.5rem;
2581
+ align-items: center;
2582
+ justify-content: center;
2583
+ flex-shrink: 0;
2584
+ position: relative;
2585
+ }
2586
+ .ScTabComp_tabText {
2587
+ color: var(--alias-text-and-icons-muted, #7a7a7a);
2588
+ text-align: center;
2589
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
2590
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
2591
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
2592
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
2593
+ position: relative;
2594
+ }
2595
+ .ScTabComp_siconHomeInstance {
2596
+ width: 1.25rem !important;
2597
+ height: 1.25rem !important;
2598
+ }
2599
+ .ScTabComp_scTabComp.ScTabComp_active-false .ScTabComp_icon,
2600
+ .ScTabComp_scTabComp.ScTabComp_active-true .ScTabComp_icon {
2601
+ display: flex;
2602
+ flex-direction: row;
2603
+ gap: 0.5rem;
2604
+ align-items: center;
2605
+ justify-content: center;
2606
+ flex-shrink: 0;
2607
+ position: relative;
2608
+ }
2609
+ .ScTabComp_scTabComp.ScTabComp_active-false .ScTabComp_siconHomeInstance,
2610
+ .ScTabComp_scTabComp.ScTabComp_active-true .ScTabComp_siconHomeInstance {
2611
+ width: 1.25rem !important;
2612
+ height: 1.25rem !important;
2613
+ }
2614
+ .ScTabComp_scTabComp.ScTabComp_active-true {
2615
+ background: var(--alias-fill-base-basehover, #bfbfbf);
2616
+ }
2617
+ .ScTabComp_scTabComp.ScTabComp_active-true .ScTabComp_tabText {
2618
+ color: var(--alias-text-and-icons-inverse, #101010);
2619
+ font-family: var( --text-text-sm-medium-font-family, "Inter-Medium", sans-serif );
2620
+ font-size: var(--text-text-sm-medium-font-size, 0.875rem);
2621
+ line-height: var(--text-text-sm-medium-line-height, 1.25rem);
2622
+ font-weight: var(--text-text-sm-medium-font-weight, 500);
2623
+ }
2624
+
2625
+ /* src/SC-tabSwitcher/ScTabSwitcher.module.css */
2626
+ .ScTabSwitcher_scTabSwitcher,
2627
+ .ScTabSwitcher_scTabSwitcher * {
2628
+ box-sizing: border-box;
2629
+ }
2630
+ .ScTabSwitcher_scTabSwitcher {
2631
+ background: var(--alias-surface-base, #101010);
2632
+ border-radius: var(--radius-xl, 0.75rem);
2633
+ border-style: solid;
2634
+ border-color: var(--alias-border-divider, #242424);
2635
+ border-width: 0.03125rem;
2636
+ padding: var(--spacing-xs, 0.25rem);
2637
+ display: flex;
2638
+ flex-direction: row;
2639
+ gap: 0rem;
2640
+ align-items: center;
2641
+ justify-content: flex-start;
2642
+ align-self: stretch;
2643
+ flex-shrink: 0;
2644
+ position: relative;
2645
+ }
2646
+ .ScTabSwitcher_scTabCompInstance {
2647
+ flex: 1 !important;
2648
+ align-self: unset !important;
2649
+ flex-shrink: unset !important;
2650
+ }
2651
+
2652
+ /* src/SC-ProfileSettingsComp/ScProfileSettingsComp.module.css */
2653
+ .ScProfileSettingsComp_scProfileSettingsComp,
2654
+ .ScProfileSettingsComp_scProfileSettingsComp * {
2655
+ box-sizing: border-box;
2656
+ }
2657
+ .ScProfileSettingsComp_scProfileSettingsComp {
2658
+ background: var(--alias-surface-base, #101010);
2659
+ border-radius: 1rem;
2660
+ padding: var(--spacing-6xl, 1.5rem);
2661
+ display: flex;
2662
+ flex-direction: row;
2663
+ gap: 1.5rem;
2664
+ align-items: flex-start;
2665
+ justify-content: flex-start;
2666
+ position: relative;
2667
+ }
2668
+ .ScProfileSettingsComp_scProfileImageUpdateInstance {
2669
+ flex-shrink: 0 !important;
2670
+ }
2671
+ .ScProfileSettingsComp_profileInfo {
2672
+ display: flex;
2673
+ flex-direction: column;
2674
+ gap: 1rem;
2675
+ align-items: flex-start;
2676
+ justify-content: flex-start;
2677
+ flex: 1;
2678
+ position: relative;
2679
+ }
2680
+ .ScProfileSettingsComp_nameFields {
2681
+ display: flex;
2682
+ flex-direction: row;
2683
+ gap: var(--spacing-3xl, 1rem);
2684
+ align-items: flex-start;
2685
+ justify-content: flex-start;
2686
+ align-self: stretch;
2687
+ flex-shrink: 0;
2688
+ position: relative;
2689
+ }
2690
+ .ScProfileSettingsComp_scTextFieldInstance {
2691
+ flex: 1 !important;
2692
+ width: unset !important;
2693
+ }
2694
+ .ScProfileSettingsComp_scTextFieldInstance2 {
2695
+ align-self: stretch !important;
2696
+ flex-shrink: 0 !important;
2697
+ width: unset !important;
2698
+ }
2699
+
2700
+ /* src/SC-textField/ScTextField.module.css */
2701
+ .ScTextField_scTextField,
2702
+ .ScTextField_scTextField * {
2703
+ box-sizing: border-box;
2704
+ }
2705
+ .ScTextField_scTextField {
2706
+ display: flex;
2707
+ flex-direction: column;
2708
+ gap: var(--spacing-xs, 0.25rem);
2709
+ align-items: flex-start;
2710
+ justify-content: center;
2711
+ width: 20rem;
2712
+ position: relative;
2713
+ }
2714
+ .ScTextField_labelContainer {
2715
+ display: flex;
2716
+ flex-direction: row;
2717
+ gap: var(--spacing-3xl, 1rem);
2718
+ align-items: center;
2719
+ justify-content: flex-start;
2720
+ align-self: stretch;
2721
+ flex-shrink: 0;
2722
+ height: 1.5rem;
2723
+ position: relative;
2724
+ }
2725
+ .ScTextField_label {
2726
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
2727
+ text-align: left;
2728
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
2729
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
2730
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
2731
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
2732
+ position: relative;
2733
+ flex: 1;
2734
+ height: 1.25rem;
2735
+ display: flex;
2736
+ align-items: center;
2737
+ justify-content: flex-start;
2738
+ }
2739
+ .ScTextField_inputContainer {
2740
+ background: var(--alias-fill-neutral-neutralplus, #151515);
2741
+ border-radius: var(--radius-3xl, 1rem);
2742
+ padding: var(--spacing-xl, 0.75rem) var(--spacing-3xl, 1rem) var(--spacing-xl, 0.75rem) var(--spacing-3xl, 1rem);
2743
+ display: flex;
2744
+ flex-direction: row;
2745
+ gap: var(--spacing-3xl, 1rem);
2746
+ align-items: center;
2747
+ justify-content: flex-start;
2748
+ align-self: stretch;
2749
+ flex-shrink: 0;
2750
+ height: 3rem;
2751
+ position: relative;
2752
+ }
2753
+ .ScTextField_inputText {
2754
+ color: var(--alias-text-and-icons-muted, #7a7a7a);
2755
+ text-align: left;
2756
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
2757
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
2758
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
2759
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
2760
+ position: relative;
2761
+ flex: 1;
2762
+ display: flex;
2763
+ align-items: center;
2764
+ justify-content: flex-start;
2765
+ }
2766
+ .ScTextField_scTextField.ScTextField_label-group-text .ScTextField_info {
2767
+ color: var(--alias-text-and-icons-muted, #7a7a7a);
2768
+ text-align: right;
2769
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
2770
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
2771
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
2772
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
2773
+ position: relative;
2774
+ display: flex;
2775
+ align-items: center;
2776
+ justify-content: flex-end;
2777
+ }
2778
+ .ScTextField_scTextField.ScTextField_tf-group-icon-left .ScTextField_inputContainer,
2779
+ .ScTextField_scTextField.ScTextField_tf-group-icon-left-right .ScTextField_inputContainer {
2780
+ gap: var(--spacing-md, 0.5rem);
2781
+ }
2782
+ .ScTextField_scTextField:hover .ScTextField_inputContainer,
2783
+ .ScTextField_scTextField.ScTextField_state-hover .ScTextField_inputContainer,
2784
+ .ScTextField_scTextField.ScTextField_state-filled .ScTextField_inputContainer {
2785
+ background: var(--alias-fill-neutral-neutral, #1a1a1a);
2786
+ }
2787
+ .ScTextField_scTextField.ScTextField_state-filled .ScTextField_inputText {
2788
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
2789
+ }
2790
+ .ScTextField_scTextField.ScTextField_state-ative-focused .ScTextField_inputContainer {
2791
+ border-style: solid;
2792
+ border-color: var(--alias-border-strong, #5c5c5c);
2793
+ border-width: 0.0625rem;
2794
+ }
2795
+
2796
+ /* src/SC-Role/ScRole.module.css */
2797
+ .ScRole_scRole,
2798
+ .ScRole_scRole * {
2799
+ box-sizing: border-box;
2800
+ }
2801
+ .ScRole_scRole {
2802
+ background: var(--alias-fill-info-soft, #051430);
2803
+ border-radius: var(--radius-xl, 0.75rem);
2804
+ border-style: solid;
2805
+ border-color: var(--alias-border-info, #1149ad);
2806
+ border-width: 0.0625rem;
2807
+ padding: var(--spacing-md, 0.5rem) var(--spacing-xl, 0.75rem) var(--spacing-md, 0.5rem) var(--spacing-xl, 0.75rem);
2808
+ display: flex;
2809
+ flex-direction: row;
2810
+ gap: 0.5rem;
2811
+ align-items: center;
2812
+ justify-content: center;
2813
+ width: 5rem;
2814
+ height: 2.5rem;
2815
+ position: relative;
2816
+ }
2817
+ .ScRole_role {
2818
+ color: var(--alias-text-and-icons-infocont, #6da5ff);
2819
+ text-align: left;
2820
+ font-family: var( --text-text-xs-regular-font-family, "Inter-Regular", sans-serif );
2821
+ font-size: var(--text-text-xs-regular-font-size, 0.75rem);
2822
+ line-height: var(--text-text-xs-regular-line-height, 1.125rem);
2823
+ font-weight: var(--text-text-xs-regular-font-weight, 400);
2824
+ position: relative;
2825
+ }
2826
+ .ScRole_scRole.ScRole_type-member {
2827
+ background: var(--alias-fill-neutral-neutral, #1a1a1a);
2828
+ border-color: var(--alias-border-strong, #5c5c5c);
2829
+ }
2830
+ .ScRole_scRole.ScRole_type-member .ScRole_role {
2831
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
2832
+ }
2833
+
2834
+ /* src/SC-Sidebar/ScSidebar.module.css */
2835
+ .ScSidebar_scSidebar,
2836
+ .ScSidebar_scSidebar * {
2837
+ box-sizing: border-box;
2838
+ }
2839
+ .ScSidebar_scSidebar {
2840
+ padding: var(--spacing-3xl, 1rem);
2841
+ display: flex;
2842
+ flex-direction: row;
2843
+ gap: 0.5rem;
2844
+ align-items: center;
2845
+ justify-content: flex-start;
2846
+ height: 62.5rem;
2847
+ position: relative;
2848
+ }
2849
+ .ScSidebar_expandedContainer {
2850
+ background: var(--alias-surface-base, #101010);
2851
+ border-radius: var(--radius-3xl, 1rem);
2852
+ border-style: solid;
2853
+ border-color: var(--alias-border-subtle, #242424);
2854
+ border-width: 0.0625rem;
2855
+ padding: var(--spacing-md, 0.5rem);
2856
+ display: flex;
2857
+ flex-direction: column;
2858
+ gap: var(--spacing-xxs, 0.125rem);
2859
+ align-items: flex-start;
2860
+ justify-content: flex-start;
2861
+ align-self: stretch;
2862
+ flex-shrink: 0;
2863
+ width: 16rem;
2864
+ position: relative;
2865
+ }
2866
+ .ScSidebar_expandedItems {
2867
+ display: flex;
2868
+ flex-direction: column;
2869
+ gap: 0.125rem;
2870
+ align-items: flex-start;
2871
+ justify-content: flex-start;
2872
+ align-self: stretch;
2873
+ flex: 1;
2874
+ position: relative;
2875
+ }
2876
+ .ScSidebar_scLogoUnitInstance {
2877
+ flex-shrink: 0 !important;
2878
+ }
2879
+ .ScSidebar_expandedItemContainer {
2880
+ padding: var(--spacing-md, 0.5rem) 0rem var(--spacing-md, 0.5rem) 0rem;
2881
+ display: flex;
2882
+ flex-direction: column;
2883
+ gap: var(--spacing-xxs, 0.125rem);
2884
+ align-items: flex-start;
2885
+ justify-content: flex-start;
2886
+ align-self: stretch;
2887
+ flex-shrink: 0;
2888
+ position: relative;
2889
+ }
2890
+ .ScSidebar_expandedItemGroup {
2891
+ padding: var(--spacing-md, 0.5rem) 0rem var(--spacing-md, 0.5rem) 0rem;
2892
+ display: flex;
2893
+ flex-direction: column;
2894
+ gap: var(--spacing-xxs, 0.125rem);
2895
+ align-items: flex-start;
2896
+ justify-content: flex-start;
2897
+ align-self: stretch;
2898
+ flex-shrink: 0;
2899
+ position: relative;
2900
+ }
2901
+ .ScSidebar_expandedItemHeader {
2902
+ opacity: 0.5;
2903
+ padding: var(--spacing-xs, 0.25rem) var(--spacing-3xl, 1rem) var(--spacing-xs, 0.25rem) var(--spacing-3xl, 1rem);
2904
+ display: flex;
2905
+ flex-direction: row;
2906
+ gap: 0.5rem;
2907
+ align-items: center;
2908
+ justify-content: flex-start;
2909
+ align-self: stretch;
2910
+ flex-shrink: 0;
2911
+ position: relative;
2912
+ }
2913
+ .ScSidebar_content {
2914
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
2915
+ text-align: left;
2916
+ font-family: var( --text-text-xs-regular-font-family, "Inter-Regular", sans-serif );
2917
+ font-size: var(--text-text-xs-regular-font-size, 0.75rem);
2918
+ line-height: var(--text-text-xs-regular-line-height, 1.125rem);
2919
+ font-weight: var(--text-text-xs-regular-font-weight, 400);
2920
+ position: relative;
2921
+ }
2922
+ .ScSidebar_scHDividerInstance {
2923
+ align-self: stretch !important;
2924
+ flex-shrink: 0 !important;
2925
+ width: unset !important;
2926
+ }
2927
+ .ScSidebar_expandedItemContainer2 {
2928
+ padding: 0.5rem 0rem 0.5rem 0rem;
2929
+ display: flex;
2930
+ flex-direction: column;
2931
+ gap: 0.5rem;
2932
+ align-items: flex-start;
2933
+ justify-content: flex-start;
2934
+ align-self: stretch;
2935
+ flex-shrink: 0;
2936
+ position: relative;
2937
+ }
2938
+ .ScSidebar_scHDividerInstance2 {
2939
+ align-self: stretch !important;
2940
+ flex-shrink: 0 !important;
2941
+ width: unset !important;
2942
+ }
2943
+ .ScSidebar_scVersionInstance {
2944
+ align-self: stretch !important;
2945
+ flex-shrink: 0 !important;
2946
+ }
2947
+ .ScSidebar_scSidebarIconsInstance {
2948
+ flex-shrink: 0 !important;
2949
+ }
2950
+ .ScSidebar_scSidebar.ScSidebar_state-collapsed .ScSidebar_collapsedContainer {
2951
+ background: var(--alias-surface-base, #101010);
2952
+ border-style: solid;
2953
+ border-color: var(--alias-border-subtle, #242424);
2954
+ border-width: 0rem 0.0625rem 0rem 0rem;
2955
+ padding: var(--spacing-md, 0.5rem);
2956
+ display: flex;
2957
+ flex-direction: column;
2958
+ gap: var(--spacing-xxs, 0.125rem);
2959
+ align-items: center;
2960
+ justify-content: center;
2961
+ align-self: stretch;
2962
+ flex-shrink: 0;
2963
+ position: relative;
2964
+ }
2965
+ .ScSidebar_scSidebar.ScSidebar_state-collapsed .ScSidebar_collapsedItems {
2966
+ display: flex;
2967
+ flex-direction: column;
2968
+ gap: 0.125rem;
2969
+ align-items: center;
2970
+ justify-content: flex-start;
2971
+ flex: 1;
2972
+ position: relative;
2973
+ }
2974
+ .ScSidebar_scSidebar.ScSidebar_state-collapsed .ScSidebar_collapsedItemContainer,
2975
+ .ScSidebar_scSidebar.ScSidebar_state-collapsed .ScSidebar_collapsedItemGroup {
2976
+ padding: var(--spacing-md, 0.5rem) 0rem var(--spacing-md, 0.5rem) 0rem;
2977
+ display: flex;
2978
+ flex-direction: column;
2979
+ gap: var(--spacing-xxs, 0.125rem);
2980
+ align-items: flex-start;
2981
+ justify-content: flex-start;
2982
+ flex-shrink: 0;
2983
+ position: relative;
2984
+ }
2985
+ .ScSidebar_scSidebar.ScSidebar_state-collapsed .ScSidebar_scSidebarMenuInstance {
2986
+ align-self: stretch !important;
2987
+ border-radius: unset;
2988
+ padding: unset;
2989
+ display: block;
2990
+ flex-direction: unset;
2991
+ gap: unset;
2992
+ align-items: unset;
2993
+ justify-content: unset;
2994
+ flex-shrink: unset;
2995
+ height: unset;
2996
+ position: unset;
2997
+ }
2998
+ .ScSidebar_scSidebar.ScSidebar_state-collapsed .ScSidebar_scSidebarMenuInstance2 {
2999
+ padding: var(--spacing-md, 0.5rem);
3000
+ align-self: unset;
3001
+ }
3002
+ .ScSidebar_scSidebar.ScSidebar_state-collapsed .ScSidebar_collapsedItemContainer2 {
3003
+ padding: var(--spacing-md, 0.5rem) 0rem var(--spacing-md, 0.5rem) 0rem;
3004
+ display: flex;
3005
+ flex-direction: column;
3006
+ gap: var(--spacing-xxs, 0.125rem);
3007
+ align-items: center;
3008
+ justify-content: center;
3009
+ align-self: stretch;
3010
+ flex-shrink: 0;
3011
+ position: relative;
3012
+ }
3013
+ .ScSidebar_scSidebar.ScSidebar_state-collapsed .ScSidebar_collapsedItemContainer3 {
3014
+ padding: var(--spacing-md, 0.5rem) 0rem var(--spacing-md, 0.5rem) 0rem;
3015
+ display: flex;
3016
+ flex-direction: row;
3017
+ gap: 0.5rem;
3018
+ align-items: center;
3019
+ justify-content: center;
3020
+ flex-shrink: 0;
3021
+ position: relative;
3022
+ }
3023
+ .ScSidebar_scSidebar.ScSidebar_state-collapsed .ScSidebar_scSidebarProfileInstance {
3024
+ padding: var(--spacing-md, 0.5rem);
3025
+ width: 3rem;
3026
+ align-self: unset;
3027
+ }
3028
+ .ScSidebar_scSidebar.ScSidebar_state-collapsed .ScSidebar_scVersionInstance {
3029
+ padding: var(--spacing-md, 0.5rem) !important;
3030
+ align-self: unset !important;
3031
+ }
3032
+ .ScSidebar_scSidebar.ScSidebar_state-collapsed {
3033
+ justify-content: center;
3034
+ padding: unset;
3035
+ }
3036
+ .ScSidebar_scSidebar.ScSidebar_state-expanded .ScSidebar_scSidebarMenuInstance {
3037
+ background: var(--alias-fill-neutral-neutralselected, #242424);
3038
+ }
3039
+
3040
+ /* src/SC-Sidebar menu/ScSidebarMenu.module.css */
3041
+ .ScSidebarMenu_scSidebarMenu,
3042
+ .ScSidebarMenu_scSidebarMenu * {
3043
+ box-sizing: border-box;
3044
+ }
3045
+ .ScSidebarMenu_scSidebarMenu {
3046
+ border-radius: var(--radius-3xl, 1rem);
3047
+ padding: var(--spacing-md, 0.5rem) var(--spacing-xl, 0.75rem) var(--spacing-md, 0.5rem) var(--spacing-xl, 0.75rem);
3048
+ display: flex;
3049
+ flex-direction: row;
3050
+ gap: 0.5rem;
3051
+ align-items: center;
3052
+ justify-content: flex-start;
3053
+ align-self: stretch;
3054
+ flex-shrink: 0;
3055
+ height: 2.5rem;
3056
+ position: relative;
3057
+ }
3058
+ .ScSidebarMenu_content {
3059
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
3060
+ text-align: left;
3061
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
3062
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
3063
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
3064
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
3065
+ position: relative;
3066
+ width: 9.9375rem;
3067
+ height: 1.25rem;
3068
+ text-overflow: ellipsis;
3069
+ overflow: hidden;
3070
+ }
3071
+ .ScSidebarMenu_scSidebarMenu.ScSidebarMenu_state-active {
3072
+ background: var(--alias-fill-neutral-neutralselected, #242424);
3073
+ }
3074
+ .ScSidebarMenu_scSidebarMenu.ScSidebarMenu_state-active .ScSidebarMenu_content {
3075
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
3076
+ }
3077
+ .ScSidebarMenu_scSidebarMenu:hover,
3078
+ .ScSidebarMenu_scSidebarMenu.ScSidebarMenu_state-hover {
3079
+ background: var(--alias-fill-neutral-neutral, #1a1a1a);
3080
+ }
3081
+ .ScSidebarMenu_scSidebarMenu.ScSidebarMenu_variant-collapsed {
3082
+ padding: var(--spacing-md, 0.5rem);
3083
+ align-self: unset;
3084
+ }
3085
+
3086
+ /* src/SC-Sidebar profile/ScSidebarProfile.module.css */
3087
+ .ScSidebarProfile_scSidebarProfile,
3088
+ .ScSidebarProfile_scSidebarProfile * {
3089
+ box-sizing: border-box;
3090
+ }
3091
+ .ScSidebarProfile_scSidebarProfile {
3092
+ border-radius: var(--radius-3xl, 1rem);
3093
+ padding: var(--spacing-md, 0.5rem) var(--spacing-xl, 0.75rem) var(--spacing-md, 0.5rem) var(--spacing-xl, 0.75rem);
3094
+ display: flex;
3095
+ flex-direction: column;
3096
+ gap: 0.5rem;
3097
+ align-items: flex-start;
3098
+ justify-content: flex-start;
3099
+ align-self: stretch;
3100
+ flex-shrink: 0;
3101
+ position: relative;
3102
+ }
3103
+ .ScSidebarProfile_scProfileInstance {
3104
+ align-self: stretch !important;
3105
+ flex-shrink: 0 !important;
3106
+ width: unset !important;
3107
+ }
3108
+ .ScSidebarProfile_scSidebarProfile:hover,
3109
+ .ScSidebarProfile_scSidebarProfile.ScSidebarProfile_state-hover {
3110
+ background: var(--alias-fill-neutral-neutral, #1a1a1a);
3111
+ }
3112
+ .ScSidebarProfile_scSidebarProfile.ScSidebarProfile_variant-collapsed {
3113
+ padding: var(--spacing-md, 0.5rem);
3114
+ width: 3rem;
3115
+ align-self: unset;
3116
+ }
3117
+ .ScSidebarProfile_scSidebarProfile.ScSidebarProfile_variant-collapsed .ScSidebarProfile_scProfileInstance {
3118
+ width: unset !important;
3119
+ }
3120
+ .ScSidebarProfile_scSidebarProfile.ScSidebarProfile_variant-collapsed:hover,
3121
+ .ScSidebarProfile_scSidebarProfile.ScSidebarProfile_state-hover.ScSidebarProfile_variant-collapsed {
3122
+ height: 3rem;
3123
+ }
3124
+
3125
+ /* src/SC-sidebar icons/ScSidebarIcons.module.css */
3126
+ .ScSidebarIcons_scSidebarIcons,
3127
+ .ScSidebarIcons_scSidebarIcons * {
3128
+ box-sizing: border-box;
3129
+ }
3130
+ .ScSidebarIcons_scSidebarIcons {
3131
+ border-radius: var(--radius-3xl, 1rem);
3132
+ padding: var(--spacing-md, 0.5rem);
3133
+ display: flex;
3134
+ flex-direction: row;
3135
+ gap: 0.5rem;
3136
+ align-items: center;
3137
+ justify-content: flex-start;
3138
+ position: relative;
3139
+ }
3140
+ .ScSidebarIcons_scSidebarIcons:hover,
3141
+ .ScSidebarIcons_scSidebarIcons.ScSidebarIcons_state-hover {
3142
+ background: var(--alias-fill-neutral-neutral, #1a1a1a);
3143
+ }
3144
+
3145
+ /* src/SC-version/ScVersion.module.css */
3146
+ .ScVersion_scVersion,
3147
+ .ScVersion_scVersion * {
3148
+ box-sizing: border-box;
3149
+ }
3150
+ .ScVersion_scVersion {
3151
+ padding: var(--spacing-xs, 0.25rem) var(--spacing-xs, 0.25rem) var(--spacing-xs, 0.25rem) var(--spacing-3xl, 1rem);
3152
+ display: flex;
3153
+ flex-direction: row;
3154
+ gap: var(--spacing-xs, 0.25rem);
3155
+ align-items: center;
3156
+ justify-content: flex-start;
3157
+ position: relative;
3158
+ }
3159
+ .ScVersion_content {
3160
+ color: var(--alias-text-and-icons-muted, #7a7a7a);
3161
+ text-align: left;
3162
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
3163
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
3164
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
3165
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
3166
+ position: relative;
3167
+ flex: 1;
3168
+ text-overflow: ellipsis;
3169
+ overflow: hidden;
3170
+ white-space: nowrap;
3171
+ }
3172
+ .ScVersion_scSidebarIconsInstance {
3173
+ flex-shrink: 0 !important;
3174
+ }
3175
+ .ScVersion_scVersion.ScVersion_state-collapsed .ScVersion_icon {
3176
+ display: flex;
3177
+ flex-direction: column;
3178
+ gap: 0.25rem;
3179
+ align-items: flex-start;
3180
+ justify-content: flex-start;
3181
+ flex-shrink: 0;
3182
+ position: relative;
3183
+ }
3184
+ .ScVersion_scVersion.ScVersion_state-collapsed {
3185
+ padding: var(--spacing-3xl, 1rem) var(--spacing-md, 0.5rem) var(--spacing-3xl, 1rem) var(--spacing-md, 0.5rem);
3186
+ flex-direction: column;
3187
+ gap: var(--spacing-xl, 0.75rem);
3188
+ width: 3.5rem;
3189
+ }
3190
+ .ScVersion_scVersion.ScVersion_state-collapsed .ScVersion_content {
3191
+ text-align: center;
3192
+ font-family: var( --text-text-xs-regular-font-family, "Inter-Regular", sans-serif );
3193
+ font-size: var(--text-text-xs-regular-font-size, 0.75rem);
3194
+ line-height: var(--text-text-xs-regular-line-height, 1.125rem);
3195
+ font-weight: var(--text-text-xs-regular-font-weight, 400);
3196
+ flex: unset;
3197
+ }
3198
+
3199
+ /* src/SC-Slider/ScSlider.module.css */
3200
+ .ScSlider_scSlider,
3201
+ .ScSlider_scSlider * {
3202
+ box-sizing: border-box;
3203
+ }
3204
+ .ScSlider_scSlider {
3205
+ background: var(--alias-surface-base, #101010);
3206
+ border-radius: var(--radius-full, 62.4375rem);
3207
+ padding: var(--spacing-3xl, 1rem);
3208
+ display: flex;
3209
+ flex-direction: row;
3210
+ gap: var(--spacing-xs, 0.25rem);
3211
+ align-items: flex-start;
3212
+ justify-content: flex-start;
3213
+ position: relative;
3214
+ overflow: hidden;
3215
+ }
3216
+ .ScSlider_progressBar {
3217
+ background: var(--alias-fill-warning-solid, #db8b00);
3218
+ border-radius: var(--radius-full, 62.4375rem);
3219
+ flex: 1;
3220
+ height: 0.5rem;
3221
+ position: relative;
3222
+ }
3223
+ .ScSlider_progressDot {
3224
+ background: var(--alias-fill-warning-solid, #db8b00);
3225
+ border-radius: var(--radius-full, 62.4375rem);
3226
+ flex-shrink: 0;
3227
+ width: 0.5rem;
3228
+ height: 0.5rem;
3229
+ position: relative;
3230
+ aspect-ratio: 1;
3231
+ }
3232
+ .ScSlider_progressBar2 {
3233
+ background: var(--alias-fill-neutral-neutralactive, #313131);
3234
+ border-radius: var(--radius-full, 62.4375rem);
3235
+ flex: 1;
3236
+ height: 0.5rem;
3237
+ position: relative;
3238
+ }
3239
+ .ScSlider_progressDot2 {
3240
+ background: var(--alias-text-and-icons-primary, #f5f5f5);
3241
+ border-radius: var(--radius-full, 62.4375rem);
3242
+ flex-shrink: 0;
3243
+ width: 0.5rem;
3244
+ height: 0.5rem;
3245
+ position: relative;
3246
+ aspect-ratio: 1;
3247
+ }
3248
+
3249
+ /* src/SC-app listing card/ScAppListingCard.module.css */
3250
+ .ScAppListingCard_scAppListingCard,
3251
+ .ScAppListingCard_scAppListingCard * {
3252
+ box-sizing: border-box;
3253
+ }
3254
+ .ScAppListingCard_scAppListingCard {
3255
+ background: var(--alias-surface-base, #101010);
3256
+ border-radius: var(--radius-3xl, 1rem);
3257
+ border-style: solid;
3258
+ border-color: var(--alias-border-subtle, #242424);
3259
+ border-width: 0.0625rem;
3260
+ padding: var(--spacing-6xl, 1.5rem);
3261
+ display: flex;
3262
+ flex-direction: column;
3263
+ gap: var(--spacing-xl, 0.75rem);
3264
+ align-items: flex-start;
3265
+ justify-content: flex-start;
3266
+ position: relative;
3267
+ backdrop-filter: blur(0.25rem);
3268
+ }
3269
+ .ScAppListingCard_header {
3270
+ display: flex;
3271
+ flex-direction: row;
3272
+ gap: var(--spacing-xl, 0.75rem);
3273
+ align-items: center;
3274
+ justify-content: flex-start;
3275
+ align-self: stretch;
3276
+ flex-shrink: 0;
3277
+ position: relative;
3278
+ }
3279
+ .ScAppListingCard_iconContainer {
3280
+ background: var(--alias-fill-neutral-neutral, #1a1a1a);
3281
+ border-radius: var(--radius-md, 0.5rem);
3282
+ padding: 0.5rem;
3283
+ display: flex;
3284
+ flex-direction: row;
3285
+ gap: 0.5rem;
3286
+ align-items: center;
3287
+ justify-content: flex-start;
3288
+ flex-shrink: 0;
3289
+ position: relative;
3290
+ }
3291
+ .ScAppListingCard_title {
3292
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
3293
+ text-align: left;
3294
+ font-family: var( --text-text-md-medium-font-family, "Inter-Medium", sans-serif );
3295
+ font-size: var(--text-text-md-medium-font-size, 1rem);
3296
+ line-height: var(--text-text-md-medium-line-height, 1.5rem);
3297
+ font-weight: var(--text-text-md-medium-font-weight, 500);
3298
+ position: relative;
3299
+ flex: 1;
3300
+ }
3301
+ .ScAppListingCard_description {
3302
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
3303
+ text-align: left;
3304
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
3305
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
3306
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
3307
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
3308
+ position: relative;
3309
+ align-self: stretch;
3310
+ }
3311
+
3312
+ /* src/SC-appCard/ScAppCard.module.css */
3313
+ .ScAppCard_scAppCard,
3314
+ .ScAppCard_scAppCard * {
3315
+ box-sizing: border-box;
3316
+ }
3317
+ .ScAppCard_scAppCard {
3318
+ display: flex;
3319
+ flex-direction: row;
3320
+ gap: var(--spacing-xl, 0.75rem);
3321
+ align-items: center;
3322
+ justify-content: flex-start;
3323
+ width: 12.5rem;
3324
+ position: relative;
3325
+ }
3326
+ .ScAppCard_iconContainer {
3327
+ background: var(--alias-fill-neutral-neutralhover, #242424);
3328
+ border-radius: var(--radius-xl, 0.75rem);
3329
+ padding: var(--spacing-md, 0.5rem);
3330
+ display: flex;
3331
+ flex-direction: row;
3332
+ gap: 0.5rem;
3333
+ align-items: center;
3334
+ justify-content: flex-start;
3335
+ flex-shrink: 0;
3336
+ position: relative;
3337
+ }
3338
+ .ScAppCard_textContainer {
3339
+ display: flex;
3340
+ flex-direction: column;
3341
+ gap: var(--spacing-none, 0rem);
3342
+ align-items: flex-start;
3343
+ justify-content: flex-start;
3344
+ flex: 1;
3345
+ position: relative;
3346
+ }
3347
+ .ScAppCard_title {
3348
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
3349
+ text-align: left;
3350
+ font-family: var( --text-text-sm-medium-font-family, "Inter-Medium", sans-serif );
3351
+ font-size: var(--text-text-sm-medium-font-size, 0.875rem);
3352
+ line-height: var(--text-text-sm-medium-line-height, 1.25rem);
3353
+ font-weight: var(--text-text-sm-medium-font-weight, 500);
3354
+ position: relative;
3355
+ align-self: stretch;
3356
+ text-overflow: ellipsis;
3357
+ overflow: hidden;
3358
+ white-space: nowrap;
3359
+ }
3360
+ .ScAppCard_subtitle {
3361
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
3362
+ text-align: left;
3363
+ font-family: var( --text-text-xs-regular-font-family, "Inter-Regular", sans-serif );
3364
+ font-size: var(--text-text-xs-regular-font-size, 0.75rem);
3365
+ line-height: var(--text-text-xs-regular-line-height, 1.125rem);
3366
+ font-weight: var(--text-text-xs-regular-font-weight, 400);
3367
+ position: relative;
3368
+ align-self: stretch;
3369
+ text-overflow: ellipsis;
3370
+ overflow: hidden;
3371
+ white-space: nowrap;
3372
+ }
3373
+
3374
+ /* src/SC-appField/ScAppField.module.css */
3375
+ .ScAppField_scAppField,
3376
+ .ScAppField_scAppField * {
3377
+ box-sizing: border-box;
3378
+ }
3379
+ .ScAppField_scAppField {
3380
+ display: flex;
3381
+ flex-direction: column;
3382
+ gap: var(--spacing-xs, 0.25rem);
3383
+ align-items: flex-start;
3384
+ justify-content: center;
3385
+ position: relative;
3386
+ }
3387
+ .ScAppField_labelContainer {
3388
+ display: flex;
3389
+ flex-direction: row;
3390
+ gap: var(--spacing-3xl, 1rem);
3391
+ align-items: center;
3392
+ justify-content: flex-start;
3393
+ align-self: stretch;
3394
+ flex-shrink: 0;
3395
+ height: 1.5rem;
3396
+ position: relative;
3397
+ }
3398
+ .ScAppField_title {
3399
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
3400
+ text-align: left;
3401
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
3402
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
3403
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
3404
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
3405
+ position: relative;
3406
+ flex: 1;
3407
+ height: 1.25rem;
3408
+ display: flex;
3409
+ align-items: center;
3410
+ justify-content: flex-start;
3411
+ }
3412
+ .ScAppField_inputContainer {
3413
+ background: var(--alias-surface-basesubtle, #151515);
3414
+ border-radius: var(--radius-3xl, 1rem);
3415
+ display: flex;
3416
+ flex-direction: column;
3417
+ gap: var(--spacing-none, 0rem);
3418
+ align-items: flex-start;
3419
+ justify-content: center;
3420
+ align-self: stretch;
3421
+ flex-shrink: 0;
3422
+ position: relative;
3423
+ }
3424
+ .ScAppField_scArtifaxInviteInstance {
3425
+ align-self: stretch !important;
3426
+ flex-shrink: 0 !important;
3427
+ }
3428
+ .ScAppField_scPhtogenixInviteInstance {
3429
+ align-self: stretch !important;
3430
+ flex-shrink: 0 !important;
3431
+ }
3432
+ .ScAppField_scCatalogixInviteInstance {
3433
+ align-self: stretch !important;
3434
+ flex-shrink: 0 !important;
3435
+ }
3436
+
3437
+ /* src/SC-artifaxInvite/ScArtifaxInvite.module.css */
3438
+ .ScArtifaxInvite_scArtifaxInvite,
3439
+ .ScArtifaxInvite_scArtifaxInvite * {
3440
+ box-sizing: border-box;
3441
+ }
3442
+ .ScArtifaxInvite_scArtifaxInvite {
3443
+ border-style: solid;
3444
+ border-color: var(--alias-border-divider, #242424);
3445
+ border-width: 0rem 0rem 0.03125rem 0rem;
3446
+ padding: var(--spacing-3xl, 1rem);
3447
+ display: flex;
3448
+ flex-direction: row;
3449
+ gap: 0.5rem;
3450
+ align-items: center;
3451
+ justify-content: flex-start;
3452
+ position: relative;
3453
+ }
3454
+ .ScArtifaxInvite_scAppCardInstance {
3455
+ flex: 1 !important;
3456
+ width: unset !important;
3457
+ }
3458
+ .ScArtifaxInvite_scToggleSwitchInstance {
3459
+ flex-shrink: 0 !important;
3460
+ }
3461
+ .ScArtifaxInvite_scArtifaxInvite.ScArtifaxInvite_active-false {
3462
+ border-width: 0rem 0rem 0.0625rem 0rem;
3463
+ }
3464
+ .ScArtifaxInvite_scArtifaxInvite.ScArtifaxInvite_active-false .ScArtifaxInvite_scToggleSwitchInstance {
3465
+ flex-shrink: 0 !important;
3466
+ }
3467
+
3468
+ /* src/SC-toggleSwitch/ScToggleSwitch.module.css */
3469
+ .ScToggleSwitch_scToggleSwitch,
3470
+ .ScToggleSwitch_scToggleSwitch * {
3471
+ box-sizing: border-box;
3472
+ }
3473
+ .ScToggleSwitch_scToggleSwitch {
3474
+ width: 2.53125rem;
3475
+ height: 1.53125rem;
3476
+ position: relative;
3477
+ overflow: visible;
3478
+ }
3479
+ .ScToggleSwitch_scToggleSwitch.ScToggleSwitch_active-false .ScToggleSwitch_vector,
3480
+ .ScToggleSwitch_scToggleSwitch.ScToggleSwitch_active-true .ScToggleSwitch_vector {
3481
+ border-radius: 0rem;
3482
+ width: 100%;
3483
+ height: 100%;
3484
+ position: absolute;
3485
+ right: 0%;
3486
+ left: 0%;
3487
+ bottom: 0%;
3488
+ top: 0%;
3489
+ overflow: visible;
3490
+ }
3491
+ .ScToggleSwitch_scToggleSwitch.ScToggleSwitch_active-true {
3492
+ width: 2.5rem;
3493
+ height: 1.5rem;
3494
+ }
3495
+
3496
+ /* src/SC-phtogenixInvite/ScPhtogenixInvite.module.css */
3497
+ .ScPhtogenixInvite_scPhtogenixInvite,
3498
+ .ScPhtogenixInvite_scPhtogenixInvite * {
3499
+ box-sizing: border-box;
3500
+ }
3501
+ .ScPhtogenixInvite_scPhtogenixInvite {
3502
+ border-style: solid;
3503
+ border-color: var(--alias-border-divider, #242424);
3504
+ border-width: 0rem 0rem 0.03125rem 0rem;
3505
+ padding: var(--spacing-3xl, 1rem);
3506
+ display: flex;
3507
+ flex-direction: row;
3508
+ gap: 0.5rem;
3509
+ align-items: center;
3510
+ justify-content: flex-start;
3511
+ position: relative;
3512
+ }
3513
+ .ScPhtogenixInvite_scAppCardInstance {
3514
+ flex: 1 !important;
3515
+ width: unset !important;
3516
+ }
3517
+ .ScPhtogenixInvite_scToggleSwitchInstance {
3518
+ flex-shrink: 0 !important;
3519
+ }
3520
+ .ScPhtogenixInvite_scPhtogenixInvite.ScPhtogenixInvite_active-false {
3521
+ border-width: 0rem 0rem 0.0625rem 0rem;
3522
+ }
3523
+ .ScPhtogenixInvite_scPhtogenixInvite.ScPhtogenixInvite_active-false .ScPhtogenixInvite_scToggleSwitchInstance {
3524
+ flex-shrink: 0 !important;
3525
+ }
3526
+
3527
+ /* src/SC-catalogixInvite/ScCatalogixInvite.module.css */
3528
+ .ScCatalogixInvite_scCatalogixInvite,
3529
+ .ScCatalogixInvite_scCatalogixInvite * {
3530
+ box-sizing: border-box;
3531
+ }
3532
+ .ScCatalogixInvite_scCatalogixInvite {
3533
+ padding: var(--spacing-3xl, 1rem);
3534
+ display: flex;
3535
+ flex-direction: column;
3536
+ gap: var(--spacing-3xl, 1rem);
3537
+ align-items: flex-start;
3538
+ justify-content: center;
3539
+ position: relative;
3540
+ }
3541
+ .ScCatalogixInvite_appHeader {
3542
+ display: flex;
3543
+ flex-direction: row;
3544
+ gap: var(--spacing-3xl, 1rem);
3545
+ align-items: center;
3546
+ justify-content: flex-start;
3547
+ align-self: stretch;
3548
+ flex-shrink: 0;
3549
+ position: relative;
3550
+ }
3551
+ .ScCatalogixInvite_scAppCardInstance {
3552
+ flex: 1 !important;
3553
+ width: unset !important;
3554
+ }
3555
+ .ScCatalogixInvite_scToggleSwitchInstance {
3556
+ flex-shrink: 0 !important;
3557
+ }
3558
+ .ScCatalogixInvite_scCatalogixInvite.ScCatalogixInvite_active-true .ScCatalogixInvite_storeAccessContainer {
3559
+ background: var(--alias-surface-canvasbase, #0e0e0e);
3560
+ border-radius: var(--radius-3xl, 1rem);
3561
+ padding: var(--spacing-3xl, 1rem);
3562
+ display: flex;
3563
+ flex-direction: column;
3564
+ gap: 0.5rem;
3565
+ align-items: flex-start;
3566
+ justify-content: flex-start;
3567
+ align-self: stretch;
3568
+ flex-shrink: 0;
3569
+ position: relative;
3570
+ }
3571
+ .ScCatalogixInvite_scCatalogixInvite.ScCatalogixInvite_active-true .ScCatalogixInvite_storeAccessHeader {
3572
+ display: flex;
3573
+ flex-direction: row;
3574
+ gap: 0.5rem;
3575
+ align-items: center;
3576
+ justify-content: center;
3577
+ align-self: stretch;
3578
+ flex-shrink: 0;
3579
+ position: relative;
3580
+ }
3581
+ .ScCatalogixInvite_scCatalogixInvite.ScCatalogixInvite_active-true .ScCatalogixInvite_storeAccessTitle {
3582
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
3583
+ text-align: left;
3584
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
3585
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
3586
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
3587
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
3588
+ position: relative;
3589
+ flex: 1;
3590
+ text-overflow: ellipsis;
3591
+ overflow: hidden;
3592
+ white-space: nowrap;
3593
+ }
3594
+ .ScCatalogixInvite_scCatalogixInvite.ScCatalogixInvite_active-true .ScCatalogixInvite_selectedCount {
3595
+ color: var(--alias-text-and-icons-muted, #7a7a7a);
3596
+ text-align: right;
3597
+ font-family: var( --text-text-xs-regular-font-family, "Inter-Regular", sans-serif );
3598
+ font-size: var(--text-text-xs-regular-font-size, 0.75rem);
3599
+ line-height: var(--text-text-xs-regular-line-height, 1.125rem);
3600
+ font-weight: var(--text-text-xs-regular-font-weight, 400);
3601
+ position: relative;
3602
+ text-overflow: ellipsis;
3603
+ overflow: hidden;
3604
+ white-space: nowrap;
3605
+ }
3606
+ .ScCatalogixInvite_scCatalogixInvite.ScCatalogixInvite_active-true .ScCatalogixInvite_scOnlyFieldInstance {
3607
+ align-self: stretch !important;
3608
+ flex-shrink: 0 !important;
3609
+ width: unset !important;
3610
+ }
3611
+ .ScCatalogixInvite_scCatalogixInvite.ScCatalogixInvite_active-true .ScCatalogixInvite_storeListContainer {
3612
+ background: var(--alias-fill-neutral-neutralplus, #151515);
3613
+ border-radius: var(--radius-3xl, 1rem);
3614
+ padding: var(--spacing-3xl, 1rem);
3615
+ display: flex;
3616
+ flex-direction: column;
3617
+ gap: var(--spacing-xl, 0.75rem);
3618
+ align-items: flex-start;
3619
+ justify-content: flex-start;
3620
+ align-self: stretch;
3621
+ flex-shrink: 0;
3622
+ position: relative;
3623
+ }
3624
+ .ScCatalogixInvite_scCatalogixInvite.ScCatalogixInvite_active-true .ScCatalogixInvite_scPairtextInstance {
3625
+ align-self: stretch !important;
3626
+ flex-shrink: 0 !important;
3627
+ }
3628
+ .ScCatalogixInvite_scCatalogixInvite.ScCatalogixInvite_active-true .ScCatalogixInvite_scToggleSwitchInstance {
3629
+ flex-shrink: 0 !important;
3630
+ }
3631
+
3632
+ /* src/SC-onlyField/ScOnlyField.module.css */
3633
+ .ScOnlyField_scOnlyField,
3634
+ .ScOnlyField_scOnlyField * {
3635
+ box-sizing: border-box;
3636
+ }
3637
+ .ScOnlyField_scOnlyField {
3638
+ display: flex;
3639
+ flex-direction: column;
3640
+ gap: var(--spacing-xs, 0.25rem);
3641
+ align-items: flex-start;
3642
+ justify-content: center;
3643
+ width: 20rem;
3644
+ position: relative;
3645
+ }
3646
+ .ScOnlyField_inputContainer {
3647
+ background: var(--alias-fill-neutral-neutralplus, #151515);
3648
+ border-radius: var(--radius-3xl, 1rem);
3649
+ padding: var(--spacing-xl, 0.75rem);
3650
+ display: flex;
3651
+ flex-direction: row;
3652
+ gap: var(--spacing-3xl, 1rem);
3653
+ align-items: center;
3654
+ justify-content: flex-start;
3655
+ align-self: stretch;
3656
+ flex-shrink: 0;
3657
+ height: 3rem;
3658
+ position: relative;
3659
+ }
3660
+ .ScOnlyField_inputText {
3661
+ color: var(--alias-text-and-icons-muted, #7a7a7a);
3662
+ text-align: left;
3663
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
3664
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
3665
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
3666
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
3667
+ position: relative;
3668
+ flex: 1;
3669
+ display: flex;
3670
+ align-items: center;
3671
+ justify-content: flex-start;
3672
+ }
3673
+ .ScOnlyField_scOnlyField.ScOnlyField_tf-group-icon-left .ScOnlyField_inputContainer,
3674
+ .ScOnlyField_scOnlyField.ScOnlyField_tf-group-icon-left-right .ScOnlyField_inputContainer {
3675
+ gap: var(--spacing-md, 0.5rem);
3676
+ }
3677
+ .ScOnlyField_scOnlyField:hover .ScOnlyField_inputContainer,
3678
+ .ScOnlyField_scOnlyField.ScOnlyField_state-hover .ScOnlyField_inputContainer,
3679
+ .ScOnlyField_scOnlyField.ScOnlyField_state-filled .ScOnlyField_inputContainer {
3680
+ background: var(--alias-fill-neutral-neutral, #1a1a1a);
3681
+ }
3682
+ .ScOnlyField_scOnlyField.ScOnlyField_state-filled .ScOnlyField_inputText {
3683
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
3684
+ }
3685
+ .ScOnlyField_scOnlyField.ScOnlyField_state-ative-focused .ScOnlyField_inputContainer {
3686
+ border-style: solid;
3687
+ border-color: var(--alias-border-strong, #5c5c5c);
3688
+ border-width: 0.0625rem;
3689
+ }
3690
+
3691
+ /* src/SC-billingHistoryHeader/ScBillingHistoryHeader.module.css */
3692
+ .ScBillingHistoryHeader_scBillingHistoryHeader,
3693
+ .ScBillingHistoryHeader_scBillingHistoryHeader * {
3694
+ box-sizing: border-box;
3695
+ }
3696
+ .ScBillingHistoryHeader_scBillingHistoryHeader {
3697
+ background: var(--alias-fill-neutral-neutral, #1a1a1a);
3698
+ padding: var(--spacing-xl, 0.75rem) var(--spacing-3xl, 1rem) var(--spacing-xl, 0.75rem) var(--spacing-3xl, 1rem);
3699
+ display: flex;
3700
+ flex-direction: row;
3701
+ gap: var(--spacing-6xl, 1.5rem);
3702
+ align-items: center;
3703
+ justify-content: flex-start;
3704
+ position: relative;
3705
+ }
3706
+ .ScBillingHistoryHeader_scHeaderInstance {
3707
+ gap: 0.25rem !important;
3708
+ align-items: flex-start !important;
3709
+ flex: 1 !important;
3710
+ }
3711
+ .ScBillingHistoryHeader_scHeaderInstance2 {
3712
+ flex-shrink: 0 !important;
3713
+ width: 7.5rem !important;
3714
+ }
3715
+ .ScBillingHistoryHeader_scHeaderInstance3 {
3716
+ flex-shrink: 0 !important;
3717
+ width: 10rem !important;
3718
+ }
3719
+
3720
+ /* src/SC-checkField/ScCheckField.module.css */
3721
+ .ScCheckField_scCheckField,
3722
+ .ScCheckField_scCheckField * {
3723
+ box-sizing: border-box;
3724
+ }
3725
+ .ScCheckField_scCheckField {
3726
+ display: flex;
3727
+ flex-direction: column;
3728
+ gap: var(--spacing-xs, 0.25rem);
3729
+ align-items: flex-start;
3730
+ justify-content: center;
3731
+ width: 20rem;
3732
+ position: relative;
3733
+ }
3734
+ .ScCheckField_labelContainer {
3735
+ display: flex;
3736
+ flex-direction: row;
3737
+ gap: var(--spacing-3xl, 1rem);
3738
+ align-items: center;
3739
+ justify-content: flex-start;
3740
+ align-self: stretch;
3741
+ flex-shrink: 0;
3742
+ height: 1.5rem;
3743
+ position: relative;
3744
+ }
3745
+ .ScCheckField_label {
3746
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
3747
+ text-align: left;
3748
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
3749
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
3750
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
3751
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
3752
+ position: relative;
3753
+ flex: 1;
3754
+ height: 1.25rem;
3755
+ display: flex;
3756
+ align-items: center;
3757
+ justify-content: flex-start;
3758
+ }
3759
+ .ScCheckField_tabSwitcher {
3760
+ background: var(--alias-surface-base, #101010);
3761
+ border-radius: var(--radius-xl, 0.75rem);
3762
+ border-style: solid;
3763
+ border-color: var(--alias-border-divider, #242424);
3764
+ border-width: 0.03125rem;
3765
+ padding: var(--spacing-lg, 0.625rem) var(--spacing-xl, 0.75rem) var(--spacing-lg, 0.625rem) var(--spacing-xl, 0.75rem);
3766
+ display: flex;
3767
+ flex-direction: row;
3768
+ gap: var(--spacing-3xl, 1rem);
3769
+ align-items: center;
3770
+ justify-content: flex-start;
3771
+ align-self: stretch;
3772
+ flex-shrink: 0;
3773
+ position: relative;
3774
+ }
3775
+ .ScCheckField_scPairtextInstance {
3776
+ flex: 1 !important;
3777
+ }
3778
+
3779
+ /* src/SC-fieldButton/ScFieldButton.module.css */
3780
+ .ScFieldButton_scFieldButton,
3781
+ .ScFieldButton_scFieldButton * {
3782
+ box-sizing: border-box;
3783
+ }
3784
+ .ScFieldButton_scFieldButton {
3785
+ border-radius: var(--medium-5, 0.75rem);
3786
+ padding: var(--spacing-md, 0.5rem) var(--spacing-lg, 0.625rem) var(--spacing-md, 0.5rem) var(--spacing-lg, 0.625rem);
3787
+ display: flex;
3788
+ flex-direction: row;
3789
+ gap: 0.5rem;
3790
+ align-items: center;
3791
+ justify-content: center;
3792
+ position: relative;
3793
+ }
3794
+ .ScFieldButton_container {
3795
+ display: flex;
3796
+ flex-direction: row;
3797
+ gap: var(--spacing-sm, 0.375rem);
3798
+ align-items: center;
3799
+ justify-content: center;
3800
+ flex-shrink: 0;
3801
+ height: 1.25rem;
3802
+ position: relative;
3803
+ }
3804
+ .ScFieldButton_label {
3805
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
3806
+ text-align: left;
3807
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
3808
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
3809
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
3810
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
3811
+ position: relative;
3812
+ display: flex;
3813
+ align-items: center;
3814
+ justify-content: flex-start;
3815
+ }
3816
+ .ScFieldButton_siconHomeInstance {
3817
+ width: 1rem !important;
3818
+ height: 1rem !important;
3819
+ }
3820
+ .ScFieldButton_scFieldButton.ScFieldButton_state-default .ScFieldButton_siconHomeInstance,
3821
+ .ScFieldButton_scFieldButton:hover .ScFieldButton_siconHomeInstance,
3822
+ .ScFieldButton_scFieldButton.ScFieldButton_state-hover .ScFieldButton_siconHomeInstance {
3823
+ width: 1rem !important;
3824
+ height: 1rem !important;
3825
+ }
3826
+ .ScFieldButton_scFieldButton:hover,
3827
+ .ScFieldButton_scFieldButton.ScFieldButton_state-hover {
3828
+ background: var(--alias-fill-neutral-neutraltohover, #1f1f1f);
3829
+ }
3830
+ .ScFieldButton_scFieldButton:hover .ScFieldButton_label,
3831
+ .ScFieldButton_scFieldButton.ScFieldButton_state-hover .ScFieldButton_label {
3832
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
3833
+ }
3834
+
3835
+ /* src/SC-pendingAction/ScPendingAction.module.css */
3836
+ .ScPendingAction_scPendingAction,
3837
+ .ScPendingAction_scPendingAction * {
3838
+ box-sizing: border-box;
3839
+ }
3840
+ .ScPendingAction_scPendingAction {
3841
+ display: flex;
3842
+ flex-direction: row;
3843
+ gap: var(--spacing-xs, 0.25rem);
3844
+ align-items: center;
3845
+ justify-content: flex-start;
3846
+ width: 10rem;
3847
+ position: relative;
3848
+ }
3849
+ .ScPendingAction_scButtonInstance {
3850
+ flex: 1 !important;
3851
+ }
3852
+ .ScPendingAction_scVDividerInstance {
3853
+ flex-shrink: 0 !important;
3854
+ }
3855
+
3856
+ /* src/SC-quick prompt/ScQuickPrompt.module.css */
3857
+ .ScQuickPrompt_scQuickPrompt,
3858
+ .ScQuickPrompt_scQuickPrompt * {
3859
+ box-sizing: border-box;
3860
+ }
3861
+ .ScQuickPrompt_scQuickPrompt {
3862
+ background: var(--alias-surface-canvas, #0b0b0b);
3863
+ border-radius: var(--radius-3xl, 1rem);
3864
+ border-style: solid;
3865
+ border-color: var(--alias-border-divider, #242424);
3866
+ border-width: 0.0625rem;
3867
+ padding: var(--spacing-6xl, 1.5rem);
3868
+ display: flex;
3869
+ flex-direction: column;
3870
+ gap: 1.0625rem;
3871
+ align-items: flex-start;
3872
+ justify-content: flex-start;
3873
+ width: 15.333125rem;
3874
+ position: relative;
3875
+ }
3876
+ .ScQuickPrompt_header {
3877
+ display: flex;
3878
+ flex-direction: row;
3879
+ align-items: center;
3880
+ justify-content: space-between;
3881
+ align-self: stretch;
3882
+ flex-shrink: 0;
3883
+ position: relative;
3884
+ }
3885
+ .ScQuickPrompt_iconContainer {
3886
+ background: var(--alias-fill-neutral-neutral, #1a1a1a);
3887
+ border-radius: var(--radius-md, 0.5rem);
3888
+ padding: 0.5rem;
3889
+ display: flex;
3890
+ flex-direction: row;
3891
+ gap: 0.5rem;
3892
+ align-items: center;
3893
+ justify-content: flex-start;
3894
+ flex-shrink: 0;
3895
+ position: relative;
3896
+ }
3897
+ .ScQuickPrompt_titleContainer {
3898
+ border-radius: var(--radius-full, 62.4375rem);
3899
+ border-style: solid;
3900
+ border-color: var(--alias-border-subtle, #242424);
3901
+ border-width: 0.0625rem;
3902
+ padding: var(--spacing-md, 0.5rem) var(--spacing-3xl, 1rem) var(--spacing-md, 0.5rem) var(--spacing-3xl, 1rem);
3903
+ display: flex;
3904
+ flex-direction: row;
3905
+ gap: 0.5rem;
3906
+ align-items: center;
3907
+ justify-content: center;
3908
+ flex-shrink: 0;
3909
+ position: relative;
3910
+ }
3911
+ .ScQuickPrompt_title {
3912
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
3913
+ text-align: left;
3914
+ font-family: var( --text-text-xs-regular-font-family, "Inter-Regular", sans-serif );
3915
+ font-size: var(--text-text-xs-regular-font-size, 0.75rem);
3916
+ line-height: var(--text-text-xs-regular-line-height, 1.125rem);
3917
+ font-weight: var(--text-text-xs-regular-font-weight, 400);
3918
+ position: relative;
3919
+ }
3920
+ .ScQuickPrompt_body {
3921
+ display: flex;
3922
+ flex-direction: column;
3923
+ gap: var(--spacing-md, 0.5rem);
3924
+ align-items: flex-start;
3925
+ justify-content: flex-start;
3926
+ align-self: stretch;
3927
+ flex-shrink: 0;
3928
+ position: relative;
3929
+ }
3930
+ .ScQuickPrompt_heading {
3931
+ color: var(--alias-text-and-icons-secondary, #dadada);
3932
+ text-align: left;
3933
+ font-family: var( --text-text-md-medium-font-family, "Inter-Medium", sans-serif );
3934
+ font-size: var(--text-text-md-medium-font-size, 1rem);
3935
+ line-height: var(--text-text-md-medium-line-height, 1.5rem);
3936
+ font-weight: var(--text-text-md-medium-font-weight, 500);
3937
+ position: relative;
3938
+ align-self: stretch;
3939
+ }
3940
+ .ScQuickPrompt_description {
3941
+ color: var(--alias-text-and-icons-muted, #7a7a7a);
3942
+ text-align: left;
3943
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
3944
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
3945
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
3946
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
3947
+ position: relative;
3948
+ align-self: stretch;
3949
+ }
3950
+
3951
+ /* src/SC-referralTableHeader/ScReferralTableHeader.module.css */
3952
+ .ScReferralTableHeader_scReferralTableHeader,
3953
+ .ScReferralTableHeader_scReferralTableHeader * {
3954
+ box-sizing: border-box;
3955
+ }
3956
+ .ScReferralTableHeader_scReferralTableHeader {
3957
+ background: var(--alias-fill-neutral-neutral, #1a1a1a);
3958
+ padding: var(--spacing-xl, 0.75rem) var(--spacing-3xl, 1rem) var(--spacing-xl, 0.75rem) var(--spacing-3xl, 1rem);
3959
+ display: flex;
3960
+ flex-direction: row;
3961
+ gap: var(--spacing-6xl, 1.5rem);
3962
+ align-items: center;
3963
+ justify-content: flex-start;
3964
+ position: relative;
3965
+ }
3966
+ .ScReferralTableHeader_scHeaderInstance {
3967
+ flex: 1 !important;
3968
+ }
3969
+ .ScReferralTableHeader_scHeaderInstance2 {
3970
+ flex-shrink: 0 !important;
3971
+ width: 7.5rem !important;
3972
+ }
3973
+ .ScReferralTableHeader_scHeaderInstance3 {
3974
+ flex-shrink: 0 !important;
3975
+ width: 5rem !important;
3976
+ }
3977
+
3978
+ /* src/SC-referralTableList/ScReferralTableList.module.css */
3979
+ .ScReferralTableList_scReferralTableList,
3980
+ .ScReferralTableList_scReferralTableList * {
3981
+ box-sizing: border-box;
3982
+ }
3983
+ .ScReferralTableList_scReferralTableList {
3984
+ border-style: solid;
3985
+ border-color: var(--alias-border-subtle, #242424);
3986
+ border-width: 0rem 0rem 0.0625rem 0rem;
3987
+ padding: var(--spacing-5xl, 1.25rem) var(--spacing-3xl, 1rem) var(--spacing-5xl, 1.25rem) var(--spacing-3xl, 1rem);
3988
+ display: flex;
3989
+ flex-direction: row;
3990
+ gap: var(--spacing-6xl, 1.5rem);
3991
+ align-items: center;
3992
+ justify-content: flex-start;
3993
+ position: relative;
3994
+ }
3995
+ .ScReferralTableList_scProfileInstance {
3996
+ flex: 1 !important;
3997
+ width: unset !important;
3998
+ }
3999
+ .ScReferralTableList_date {
4000
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
4001
+ text-align: left;
4002
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
4003
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
4004
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
4005
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
4006
+ position: relative;
4007
+ width: 7.5rem;
4008
+ text-overflow: ellipsis;
4009
+ overflow: hidden;
4010
+ white-space: nowrap;
4011
+ }
4012
+ .ScReferralTableList_scBadgesInstance {
4013
+ width: 5rem !important;
4014
+ align-self: unset !important;
4015
+ }
4016
+ .ScReferralTableList_points {
4017
+ color: var(--alias-text-and-icons-success, #00b96b);
4018
+ text-align: left;
4019
+ font-family: var( --text-text-md-semibold-font-family, "Inter-SemiBold", sans-serif );
4020
+ font-size: var(--text-text-md-semibold-font-size, 1rem);
4021
+ line-height: var(--text-text-md-semibold-line-height, 1.5rem);
4022
+ font-weight: var(--text-text-md-semibold-font-weight, 600);
4023
+ position: relative;
4024
+ width: 7.5rem;
4025
+ text-overflow: ellipsis;
4026
+ overflow: hidden;
4027
+ white-space: nowrap;
4028
+ }
4029
+
4030
+ /* src/SC-settingsNav/ScSettingsNav.module.css */
4031
+ .ScSettingsNav_scSettingsNav,
4032
+ .ScSettingsNav_scSettingsNav * {
4033
+ box-sizing: border-box;
4034
+ }
4035
+ .ScSettingsNav_scSettingsNav {
4036
+ background: var(--alias-surface-base, #101010);
4037
+ border-radius: var(--radius-3xl, 1rem);
4038
+ border-style: solid;
4039
+ border-color: var(--alias-border-subtle, #242424);
4040
+ border-width: 0.0625rem;
4041
+ padding: var(--spacing-md, 0.5rem);
4042
+ display: flex;
4043
+ flex-direction: column;
4044
+ gap: var(--spacing-xxs, 0.125rem);
4045
+ align-items: flex-start;
4046
+ justify-content: flex-start;
4047
+ width: 16rem;
4048
+ height: 18.125rem;
4049
+ position: relative;
4050
+ }
4051
+ .ScSettingsNav_container {
4052
+ display: flex;
4053
+ flex-direction: column;
4054
+ gap: var(--spacing-md, 0.5rem);
4055
+ align-items: flex-start;
4056
+ justify-content: flex-start;
4057
+ align-self: stretch;
4058
+ flex-shrink: 0;
4059
+ position: relative;
4060
+ }
4061
+
4062
+ /* src/SC-tabField/ScTabField.module.css */
4063
+ .ScTabField_scTabField,
4064
+ .ScTabField_scTabField * {
4065
+ box-sizing: border-box;
4066
+ }
4067
+ .ScTabField_scTabField {
4068
+ display: flex;
4069
+ flex-direction: column;
4070
+ gap: var(--spacing-xs, 0.25rem);
4071
+ align-items: flex-start;
4072
+ justify-content: center;
4073
+ width: 20rem;
4074
+ position: relative;
4075
+ }
4076
+ .ScTabField_labelContainer {
4077
+ display: flex;
4078
+ flex-direction: row;
4079
+ gap: var(--spacing-3xl, 1rem);
4080
+ align-items: center;
4081
+ justify-content: flex-start;
4082
+ align-self: stretch;
4083
+ flex-shrink: 0;
4084
+ height: 1.5rem;
4085
+ position: relative;
4086
+ }
4087
+ .ScTabField_label {
4088
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
4089
+ text-align: left;
4090
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
4091
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
4092
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
4093
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
4094
+ position: relative;
4095
+ flex: 1;
4096
+ height: 1.25rem;
4097
+ display: flex;
4098
+ align-items: center;
4099
+ justify-content: flex-start;
4100
+ }
4101
+
4102
+ /* src/SC-tableHeader/ScTableHeader.module.css */
4103
+ .ScTableHeader_scTableHeader,
4104
+ .ScTableHeader_scTableHeader * {
4105
+ box-sizing: border-box;
4106
+ }
4107
+ .ScTableHeader_scTableHeader {
4108
+ background: var(--alias-fill-neutral-neutral, #1a1a1a);
4109
+ padding: var(--spacing-xl, 0.75rem) var(--spacing-3xl, 1rem) var(--spacing-xl, 0.75rem) var(--spacing-3xl, 1rem);
4110
+ display: flex;
4111
+ flex-direction: row;
4112
+ gap: var(--spacing-6xl, 1.5rem);
4113
+ align-items: center;
4114
+ justify-content: flex-start;
4115
+ align-self: stretch;
4116
+ flex-shrink: 0;
4117
+ position: relative;
4118
+ }
4119
+ .ScTableHeader_scHeaderInstance {
4120
+ flex: 1 !important;
4121
+ }
4122
+ .ScTableHeader_scHeaderInstance2 {
4123
+ flex-shrink: 0 !important;
4124
+ width: 5rem !important;
4125
+ }
4126
+ .ScTableHeader_scHeaderInstance3 {
4127
+ flex-shrink: 0 !important;
4128
+ width: 11.25rem !important;
4129
+ }
4130
+ .ScTableHeader_scHeaderInstance4 {
4131
+ flex-shrink: 0 !important;
4132
+ width: 7.5rem !important;
4133
+ }
4134
+ .ScTableHeader_scTableHeader.ScTableHeader_type-default .ScTableHeader_scHeaderInstance2,
4135
+ .ScTableHeader_scTableHeader.ScTableHeader_type-pending .ScTableHeader_scHeaderInstance2 {
4136
+ flex-shrink: 0 !important;
4137
+ width: 5rem !important;
4138
+ flex: unset !important;
4139
+ }
4140
+ .ScTableHeader_scTableHeader.ScTableHeader_type-default .ScTableHeader_scHeaderInstance3,
4141
+ .ScTableHeader_scTableHeader.ScTableHeader_type-pending .ScTableHeader_scHeaderInstance3 {
4142
+ flex-shrink: 0 !important;
4143
+ width: 11.25rem !important;
4144
+ flex: unset !important;
4145
+ }
4146
+ .ScTableHeader_scTableHeader.ScTableHeader_type-default .ScTableHeader_scHeaderInstance4,
4147
+ .ScTableHeader_scTableHeader.ScTableHeader_type-pending .ScTableHeader_scHeaderInstance4 {
4148
+ flex-shrink: 0 !important;
4149
+ width: 7.5rem !important;
4150
+ flex: unset !important;
4151
+ }
4152
+ .ScTableHeader_scTableHeader.ScTableHeader_type-pending .ScTableHeader_scHeaderInstance5 {
4153
+ flex-shrink: 0 !important;
4154
+ width: 10rem !important;
4155
+ flex: unset !important;
4156
+ }
4157
+
4158
+ /* src/SC-tableList/ScTableList.module.css */
4159
+ .ScTableList_scTableList,
4160
+ .ScTableList_scTableList * {
4161
+ box-sizing: border-box;
4162
+ }
4163
+ .ScTableList_scTableList {
4164
+ border-style: solid;
4165
+ border-color: var(--alias-border-subtle, #242424);
4166
+ border-width: 0rem 0rem 0.0625rem 0rem;
4167
+ padding: var(--spacing-5xl, 1.25rem) var(--spacing-3xl, 1rem) var(--spacing-5xl, 1.25rem) var(--spacing-3xl, 1rem);
4168
+ display: flex;
4169
+ flex-direction: row;
4170
+ gap: var(--spacing-6xl, 1.5rem);
4171
+ align-items: center;
4172
+ justify-content: flex-start;
4173
+ align-self: stretch;
4174
+ flex-shrink: 0;
4175
+ position: relative;
4176
+ }
4177
+ .ScTableList_scProfileInstance {
4178
+ flex: 1 !important;
4179
+ width: unset !important;
4180
+ }
4181
+ .ScTableList_scRoleInstance {
4182
+ flex-shrink: 0 !important;
4183
+ }
4184
+ .ScTableList_accessInfo {
4185
+ display: flex;
4186
+ flex-direction: row;
4187
+ gap: var(--spacing-md, 0.5rem);
4188
+ align-items: center;
4189
+ justify-content: flex-start;
4190
+ flex-shrink: 0;
4191
+ width: 11.25rem;
4192
+ position: relative;
4193
+ }
4194
+ .ScTableList_scAccessInstance {
4195
+ flex-shrink: 0 !important;
4196
+ }
4197
+ .ScTableList_userName {
4198
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
4199
+ text-align: left;
4200
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
4201
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
4202
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
4203
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
4204
+ position: relative;
4205
+ width: 7.5rem;
4206
+ text-overflow: ellipsis;
4207
+ overflow: hidden;
4208
+ white-space: nowrap;
4209
+ }
4210
+ .ScTableList_date {
4211
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
4212
+ text-align: left;
4213
+ font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
4214
+ font-size: var(--text-text-sm-regular-font-size, 0.875rem);
4215
+ line-height: var(--text-text-sm-regular-line-height, 1.25rem);
4216
+ font-weight: var(--text-text-sm-regular-font-weight, 400);
4217
+ position: relative;
4218
+ width: 7.5rem;
4219
+ text-overflow: ellipsis;
4220
+ overflow: hidden;
4221
+ white-space: nowrap;
4222
+ }
4223
+ .ScTableList_siconArtifactsInstance {
4224
+ width: 1.25rem !important;
4225
+ height: 1.25rem !important;
4226
+ }
4227
+ .ScTableList_siconPhotogenixInstance {
4228
+ width: 1.25rem !important;
4229
+ height: 1.25rem !important;
4230
+ }
4231
+ .ScTableList_siconUserAddInstance {
4232
+ width: 1.25rem !important;
4233
+ height: 1.25rem !important;
4234
+ }
4235
+ .ScTableList_siconCoinsInstance {
4236
+ width: 1.25rem !important;
4237
+ height: 1.25rem !important;
4238
+ }
4239
+ .ScTableList_scTableList.ScTableList_hover-false .ScTableList_scPendingActionInstance,
4240
+ .ScTableList_scTableList:hover .ScTableList_scPendingActionInstance,
4241
+ .ScTableList_scTableList.ScTableList_hover-true .ScTableList_scPendingActionInstance {
4242
+ flex-shrink: 0 !important;
4243
+ }
4244
+ .ScTableList_scTableList:hover,
4245
+ .ScTableList_scTableList.ScTableList_hover-true {
4246
+ background: var(--alias-fill-neutral-neutralplus, #151515);
4247
+ }
4248
+
4249
+ /* src/SC-workspaceCard/ScWorkspaceCard.module.css */
4250
+ .ScWorkspaceCard_scWorkspaceCard,
4251
+ .ScWorkspaceCard_scWorkspaceCard * {
4252
+ box-sizing: border-box;
4253
+ }
4254
+ .ScWorkspaceCard_scWorkspaceCard {
4255
+ background: var(--alias-surface-base, #101010);
4256
+ border-radius: var(--radius-3xl, 1rem);
4257
+ border-style: solid;
4258
+ border-color: var(--alias-border-subtle, #242424);
4259
+ border-width: 0.0625rem;
4260
+ padding: var(--spacing-6xl, 1.5rem);
4261
+ display: flex;
4262
+ flex-direction: row;
4263
+ gap: var(--spacing-3xl, 1rem);
4264
+ align-items: center;
4265
+ justify-content: flex-start;
4266
+ align-self: stretch;
4267
+ flex-shrink: 0;
4268
+ position: relative;
4269
+ backdrop-filter: blur(0.25rem);
4270
+ }
4271
+ .ScWorkspaceCard_workspaceInfo {
4272
+ display: flex;
4273
+ flex-direction: row;
4274
+ gap: var(--spacing-xl, 0.75rem);
4275
+ align-items: center;
4276
+ justify-content: flex-start;
4277
+ flex: 1;
4278
+ position: relative;
4279
+ }
4280
+ .ScWorkspaceCard_scIntialProfileCoverInstance {
4281
+ flex-shrink: 0 !important;
4282
+ }
4283
+ .ScWorkspaceCard_workspaceName {
4284
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
4285
+ text-align: left;
4286
+ font-family: var( --text-text-md-medium-font-family, "Inter-Medium", sans-serif );
4287
+ font-size: var(--text-text-md-medium-font-size, 1rem);
4288
+ line-height: var(--text-text-md-medium-line-height, 1.5rem);
4289
+ font-weight: var(--text-text-md-medium-font-weight, 500);
4290
+ position: relative;
4291
+ width: 30.3125rem;
4292
+ }
4293
+ .ScWorkspaceCard_userInfo {
4294
+ padding: 0rem 1rem 0rem 1rem;
4295
+ display: flex;
4296
+ flex-direction: row;
4297
+ gap: var(--spacing-6xl, 1.5rem);
4298
+ align-items: center;
4299
+ justify-content: center;
4300
+ flex-shrink: 0;
4301
+ position: relative;
4302
+ }
4303
+ .ScWorkspaceCard_scBadgesInstance {
4304
+ width: 3.3125rem !important;
4305
+ align-self: unset !important;
4306
+ }
4307
+ .ScWorkspaceCard_userDetails {
4308
+ display: flex;
4309
+ flex-direction: row;
4310
+ gap: 1rem;
4311
+ align-items: center;
4312
+ justify-content: flex-start;
4313
+ align-self: stretch;
4314
+ flex-shrink: 0;
4315
+ position: relative;
4316
+ }
4317
+ .ScWorkspaceCard_scPairtextInstance {
4318
+ flex-shrink: 0 !important;
4319
+ }
4320
+ .ScWorkspaceCard_scVDividerInstance {
4321
+ align-self: stretch !important;
4322
+ flex-shrink: 0 !important;
4323
+ height: auto !important;
4324
+ }
4325
+ .ScWorkspaceCard_scButtonInstance {
4326
+ flex-shrink: 0 !important;
4327
+ width: 12.5rem !important;
4328
+ }
4329
+ .ScWorkspaceCard_scButtonInstance2 {
4330
+ flex-shrink: 0 !important;
4331
+ }
4332
+ .ScWorkspaceCard_siconLogoutInstance {
4333
+ width: 1.25rem !important;
4334
+ height: 1.25rem !important;
4335
+ }
4336
+ .ScWorkspaceCard_siconSwitchInstance2 {
4337
+ width: 1.25rem !important;
4338
+ height: 1.25rem !important;
4339
+ }
4340
+ .ScWorkspaceCard_scWorkspaceCard.ScWorkspaceCard_current-workspace-true .ScWorkspaceCard_scButtonInstance2,
4341
+ .ScWorkspaceCard_scWorkspaceCard.ScWorkspaceCard_current-workspace-false .ScWorkspaceCard_scButtonInstance2 {
4342
+ width: unset !important;
4343
+ }