master-components-react-ts 2.1.4 → 2.1.7

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.
@@ -1,2249 +0,0 @@
1
- @font-face {
2
- font-family: "Inter-Regular";
3
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
4
- }
5
- @font-face {
6
- font-family: "Inter-SemiBold";
7
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
8
- }
9
- @font-face {
10
- font-family: "Inter-Medium";
11
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
12
- }
13
- button.MainButton-module__mainButton {
14
- width: 100%;
15
- display: flex;
16
- padding: 8px;
17
- justify-content: center;
18
- align-items: center;
19
- border-radius: 6px;
20
- min-width: 100px;
21
- outline: none;
22
- border: none;
23
- cursor: pointer;
24
- user-select: none;
25
- -webkit-user-select: none;
26
- -moz-user-select: none;
27
- -ms-user-select: none;
28
- }
29
- button.MainButton-module__mainButton.MainButton-module__sm {
30
- height: 32px;
31
- }
32
- button.MainButton-module__mainButton.MainButton-module__md {
33
- height: 36px;
34
- }
35
- button.MainButton-module__mainButton.MainButton-module__lg {
36
- height: 40px;
37
- }
38
- button.MainButton-module__mainButton .MainButton-module__mainButtonContent {
39
- width: 100%;
40
- display: flex;
41
- align-items: center;
42
- justify-content: center;
43
- gap: 8px;
44
- }
45
- button.MainButton-module__mainButton .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
46
- overflow: hidden;
47
- text-overflow: ellipsis;
48
- font-family: "Inter-Regular", sans-serif;
49
- font-size: 14px;
50
- font-style: normal;
51
- font-weight: 450;
52
- line-height: 24px; /* 171.429% */
53
- letter-spacing: 0.1px;
54
- }
55
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral {
56
- background: #0058ff;
57
- }
58
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__loading {
59
- cursor: no-drop;
60
- }
61
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
62
- background: #004fe5 !important;
63
- }
64
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__disabled {
65
- background: #95969c;
66
- cursor: not-allowed;
67
- }
68
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__focused {
69
- outline: 2px solid #dee9fc;
70
- outline-offset: 0px;
71
- background: #0058ff;
72
- }
73
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
74
- color: #fff;
75
- }
76
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive {
77
- background: #328707;
78
- }
79
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__loading {
80
- cursor: no-drop;
81
- }
82
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
83
- background: #266905 !important;
84
- }
85
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__disabled {
86
- background: #95969c;
87
- cursor: not-allowed;
88
- }
89
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__focused {
90
- outline: 2px solid #c3ebb0;
91
- outline-offset: 0px;
92
- background: #328707;
93
- }
94
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
95
- color: #fff;
96
- }
97
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative {
98
- background: #e3292f;
99
- }
100
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__loading {
101
- cursor: no-drop;
102
- }
103
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
104
- background: #db1d23 !important;
105
- }
106
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__disabled {
107
- background: #95969c;
108
- cursor: not-allowed;
109
- }
110
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__focused {
111
- outline: 2px solid #fcdcdc;
112
- outline-offset: 0px;
113
- background: #e3292f;
114
- }
115
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
116
- color: #fff;
117
- }
118
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral {
119
- background: #ecf3ff;
120
- }
121
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__loading {
122
- cursor: no-drop;
123
- }
124
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
125
- background: #dee9fc !important;
126
- }
127
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__disabled {
128
- background: #f2f2f2;
129
- cursor: not-allowed;
130
- }
131
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
132
- color: #7a7b80;
133
- }
134
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__focused {
135
- outline-offset: 0px;
136
- background: #ecf3ff;
137
- box-shadow: 0px 0px 0px 2px #0058ff;
138
- }
139
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
140
- color: #0058ff;
141
- }
142
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive {
143
- background: #effce8;
144
- }
145
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__loading {
146
- cursor: no-drop;
147
- }
148
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
149
- background: #e0fad2 !important;
150
- }
151
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__disabled {
152
- background: #95969c;
153
- cursor: not-allowed;
154
- }
155
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__focused {
156
- outline: 2px solid #60bf30;
157
- outline-offset: 0px;
158
- background: #effce8;
159
- }
160
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
161
- color: #328707;
162
- }
163
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative {
164
- background: #fff2f2;
165
- }
166
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__loading {
167
- cursor: no-drop;
168
- }
169
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
170
- background: #fcdcdc !important;
171
- }
172
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__disabled {
173
- background: #95969c;
174
- cursor: not-allowed;
175
- }
176
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__focused {
177
- outline: 2px solid #ff5757;
178
- outline-offset: 0px;
179
- background: #fff2f2;
180
- }
181
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
182
- color: #db1d23;
183
- }
184
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral {
185
- background: #f2f2f2;
186
- }
187
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__loading {
188
- cursor: no-drop;
189
- }
190
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
191
- background: #e6e6e6 !important;
192
- }
193
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__disabled {
194
- background: #f2f2f2;
195
- cursor: not-allowed;
196
- }
197
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
198
- color: #7a7b80;
199
- }
200
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__focused {
201
- outline: 2px solid #c1c2c7;
202
- outline-offset: 0px;
203
- background: #f2f2f2;
204
- }
205
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
206
- color: #131314;
207
- }
208
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive {
209
- background: #fff;
210
- }
211
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__loading {
212
- cursor: no-drop;
213
- }
214
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
215
- background: #effce8 !important;
216
- }
217
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__disabled {
218
- background: #fff;
219
- cursor: not-allowed;
220
- }
221
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
222
- color: #7a7b80;
223
- }
224
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__focused {
225
- outline: 2px solid #91e766;
226
- outline-offset: 0px;
227
- background: #fff;
228
- }
229
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
230
- color: #328707;
231
- }
232
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative {
233
- background: #fff;
234
- }
235
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__loading {
236
- cursor: no-drop;
237
- }
238
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
239
- background: #fff2f2 !important;
240
- }
241
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__disabled {
242
- background: #fff;
243
- cursor: not-allowed;
244
- }
245
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
246
- color: #7a7b80;
247
- }
248
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__focused {
249
- outline: 2px solid #fcdcdc;
250
- outline-offset: 0px;
251
- background: #fff;
252
- }
253
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
254
- color: #e3292f;
255
- }
256
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2 {
257
- background: #fff;
258
- }
259
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__loading {
260
- cursor: no-drop;
261
- }
262
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
263
- background: #ecf3ff !important;
264
- }
265
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__disabled {
266
- background: #f2f2f2;
267
- cursor: not-allowed;
268
- }
269
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
270
- color: #7a7b80;
271
- }
272
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__focused {
273
- outline: 2px solid #dee9fc;
274
- outline-offset: 0px;
275
- background: #fff;
276
- }
277
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2 .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
278
- color: #0058ff;
279
- }
280
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3 {
281
- border: 1px solid #e6e6e6;
282
- background: #fff;
283
- }
284
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__loading {
285
- cursor: no-drop;
286
- }
287
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
288
- border-color: #c1c2c7 !important;
289
- }
290
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled {
291
- background: #fff;
292
- border: 1px solid #e6e6e6;
293
- cursor: not-allowed;
294
- }
295
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
296
- color: #7a7b80;
297
- }
298
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__focused {
299
- border: 1px solid transparent;
300
- outline: 2px solid #dee9fc;
301
- outline-offset: 0px;
302
- background: #fff;
303
- }
304
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
305
- color: #0058ff;
306
- }@font-face {
307
- font-family: "Inter-Regular";
308
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
309
- }
310
- @font-face {
311
- font-family: "Inter-SemiBold";
312
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
313
- }
314
- @font-face {
315
- font-family: "Inter-Medium";
316
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
317
- }
318
- .FormInput-module__inputWrapper {
319
- width: 100%;
320
- display: flex;
321
- flex-direction: column;
322
- gap: 10px;
323
- }
324
- .FormInput-module__inputWrapper.FormInput-module__sm .FormInput-module__formInputWrapper {
325
- height: 36px;
326
- }
327
- .FormInput-module__inputWrapper.FormInput-module__md .FormInput-module__formInputWrapper {
328
- height: 40px;
329
- }
330
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputLabel {
331
- width: 100%;
332
- overflow: hidden;
333
- color: #95969c;
334
- text-overflow: ellipsis;
335
- font-family: "Inter-Medium";
336
- font-size: 12px;
337
- font-style: normal;
338
- font-weight: 450;
339
- line-height: 16px; /* 133.333% */
340
- letter-spacing: 0.1px;
341
- }
342
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInput {
343
- width: 100%;
344
- overflow: hidden;
345
- color: #7a7b80;
346
- text-overflow: ellipsis;
347
- font-family: "Inter-Regular";
348
- font-size: 14px;
349
- font-style: normal;
350
- font-weight: 400;
351
- line-height: 24px; /* 171.429% */
352
- letter-spacing: 0.1px;
353
- }
354
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputHelperText {
355
- width: 100%;
356
- overflow: hidden;
357
- color: #95969c;
358
- text-overflow: ellipsis;
359
- font-family: "Inter-Medium";
360
- font-size: 12px;
361
- font-style: normal;
362
- font-weight: 450;
363
- line-height: 16px; /* 133.333% */
364
- letter-spacing: 0.1px;
365
- }
366
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper {
367
- border-radius: 6px;
368
- border: 1px solid #e6e6e6;
369
- background: #fafafa;
370
- }
371
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper .FormInput-module__formInput {
372
- width: 100%;
373
- overflow: hidden;
374
- color: #7a7b80;
375
- text-overflow: ellipsis;
376
- font-family: "Inter-Regular";
377
- font-size: 14px;
378
- font-style: normal;
379
- font-weight: 400;
380
- line-height: 24px; /* 171.429% */
381
- letter-spacing: 0.1px;
382
- cursor: not-allowed;
383
- }
384
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper .FormInput-module__formInput::placeholder {
385
- width: 100%;
386
- overflow: hidden;
387
- color: #7a7b80;
388
- text-overflow: ellipsis;
389
- font-family: "Inter-Regular";
390
- font-size: 14px;
391
- font-style: normal;
392
- font-weight: 400;
393
- line-height: 24px; /* 171.429% */
394
- letter-spacing: 0.1px;
395
- }
396
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper {
397
- width: 100%;
398
- display: flex;
399
- align-items: center;
400
- justify-content: space-between;
401
- }
402
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputLabel {
403
- width: 100%;
404
- width: 100%;
405
- overflow: hidden;
406
- color: #131314;
407
- font-family: "Inter-Medium";
408
- font-size: 12px;
409
- font-style: normal;
410
- font-weight: 450;
411
- line-height: 16px; /* 171.429% */
412
- letter-spacing: 0.1px;
413
- }
414
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputLabel .FormInput-module__formInputRequired {
415
- overflow: hidden;
416
- color: #e3292f;
417
- text-overflow: ellipsis;
418
- font-family: "Inter-Medium";
419
- font-size: 12px;
420
- font-style: normal;
421
- font-weight: 450;
422
- line-height: 16px; /* 133.333% */
423
- letter-spacing: 0.1px;
424
- }
425
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputHelperSlot {
426
- display: flex;
427
- align-items: center;
428
- justify-content: center;
429
- }
430
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper {
431
- width: 100%;
432
- display: flex;
433
- align-items: center;
434
- gap: 8px;
435
- padding: 8px;
436
- border-radius: 6px;
437
- border: 1px solid #e6e6e6;
438
- background: #fff;
439
- }
440
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorState {
441
- border-radius: 6px;
442
- background: #fff;
443
- outline: 1px solid #f63e45;
444
- outline-offset: -1px;
445
- box-shadow: none;
446
- }
447
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__focused {
448
- border-radius: 6px;
449
- background: #fff;
450
- outline: 2px solid #0058ff;
451
- outline-offset: -2px;
452
- box-shadow: none;
453
- }
454
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__active {
455
- border-radius: 6px;
456
- background: #fff;
457
- outline: 1.5px solid #0058ff;
458
- outline-offset: -1.5px;
459
- box-shadow: 0 0 0 2px #dee9fc;
460
- }
461
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorFocused {
462
- border-radius: 6px;
463
- background: #fff;
464
- outline: 2px solid #f63e45;
465
- outline-offset: -2px;
466
- box-shadow: none;
467
- }
468
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorActive {
469
- border-radius: 6px;
470
- background: #fff;
471
- outline: 1.5px solid #f63e45;
472
- outline-offset: -1.5px;
473
- box-shadow: 0 0 0 2px #fcdcdd;
474
- }
475
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput {
476
- width: 100%;
477
- border: none;
478
- outline: none;
479
- background-color: transparent;
480
- caret-color: #0058ff;
481
- width: 100%;
482
- overflow: hidden;
483
- color: #131314;
484
- text-overflow: ellipsis;
485
- font-family: "Inter-Regular";
486
- font-size: 14px;
487
- font-style: normal;
488
- font-weight: 400;
489
- line-height: 24px; /* 171.429% */
490
- letter-spacing: 0.1px;
491
- }
492
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput::placeholder {
493
- width: 100%;
494
- overflow: hidden;
495
- color: #646569;
496
- text-overflow: ellipsis;
497
- font-family: "Inter-Regular";
498
- font-size: 14px;
499
- font-style: normal;
500
- font-weight: 400;
501
- line-height: 24px; /* 171.429% */
502
- letter-spacing: 0.1px;
503
- }
504
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper .FormInput-module__formInputSlot {
505
- display: grid;
506
- place-items: center;
507
- }
508
- .FormInput-module__inputWrapper .FormInput-module__formInputHelperText {
509
- width: 100%;
510
- overflow: hidden;
511
- color: #131314;
512
- text-overflow: ellipsis;
513
- font-family: "Inter-Medium";
514
- font-size: 12px;
515
- font-style: normal;
516
- font-weight: 450;
517
- line-height: 16px; /* 133.333% */
518
- letter-spacing: 0.1px;
519
- }
520
- .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__errorHelperText {
521
- width: 100%;
522
- overflow: hidden;
523
- color: #e3292f;
524
- text-overflow: ellipsis;
525
- font-family: "Inter-Medium";
526
- font-size: 12px;
527
- font-style: normal;
528
- font-weight: 450;
529
- line-height: 16px; /* 133.333% */
530
- letter-spacing: 0.1px;
531
- color: #e3292f;
532
- }
533
- .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__successHelperText {
534
- width: 100%;
535
- overflow: hidden;
536
- color: #328707;
537
- text-overflow: ellipsis;
538
- font-family: "Inter-Medium";
539
- font-size: 12px;
540
- font-style: normal;
541
- font-weight: 450;
542
- line-height: 16px; /* 133.333% */
543
- letter-spacing: 0.1px;
544
- color: #328707;
545
- }@font-face {
546
- font-family: "Inter-Regular";
547
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
548
- }
549
- @font-face {
550
- font-family: "Inter-SemiBold";
551
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
552
- }
553
- @font-face {
554
- font-family: "Inter-Medium";
555
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
556
- }
557
- .Textarea-module__textareaContainer {
558
- width: 100%;
559
- display: flex;
560
- flex-direction: column;
561
- align-items: flex-start;
562
- gap: 0.375rem;
563
- flex-shrink: 0;
564
- }
565
- .Textarea-module__textareaContainer .Textarea-module__textAreaLabel {
566
- display: flex;
567
- justify-content: space-between;
568
- display: flex;
569
- align-items: center;
570
- gap: 0.125rem;
571
- width: 100%;
572
- }
573
- .Textarea-module__textareaContainer .Textarea-module__textAreaLabel p {
574
- width: 100%;
575
- width: 100%;
576
- overflow: hidden;
577
- color: #131314;
578
- font-family: "Inter-Medium";
579
- font-size: 12px;
580
- font-style: normal;
581
- font-weight: 450;
582
- line-height: 16px; /* 171.429% */
583
- letter-spacing: 0.1px;
584
- }
585
- .Textarea-module__textareaContainer .Textarea-module__textAreaLabel .Textarea-module__required {
586
- color: #d92d20;
587
- font-size: 0.875rem;
588
- font-family: "Inter-Regular", sans-serif;
589
- font-style: normal;
590
- font-weight: 500;
591
- line-height: 1.25rem;
592
- }
593
- .Textarea-module__textareaContainer .Textarea-module__wrap {
594
- position: relative;
595
- display: inline-block;
596
- width: 100%;
597
- position: relative;
598
- }
599
- .Textarea-module__textareaContainer .Textarea-module__wrap.Textarea-module__resize textarea {
600
- resize: both;
601
- }
602
- .Textarea-module__textareaContainer .Textarea-module__wrap.Textarea-module__resize:after {
603
- content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%3e%3cpath%20d='M10%202L2%2010'%20stroke='%23D5D7DA'%20stroke-linecap='round'/%3e%3cpath%20d='M11%207L7%2011'%20stroke='%23D5D7DA'%20stroke-linecap='round'/%3e%3c/svg%3e");
604
- width: 0.9375rem;
605
- background: transparent;
606
- position: absolute;
607
- right: 0.125rem;
608
- bottom: 0.3125rem;
609
- pointer-events: none;
610
- border-radius: 25%;
611
- }
612
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textareaIconClose {
613
- position: absolute;
614
- right: 8px;
615
- top: 8px;
616
- cursor: pointer;
617
- }
618
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea {
619
- width: 100%;
620
- border-radius: 6px;
621
- border: 1px solid #c1c2c7;
622
- background: #fff;
623
- padding: 8px 12px;
624
- resize: none;
625
- width: 100%;
626
- overflow: hidden;
627
- color: #131314;
628
- text-overflow: ellipsis;
629
- font-family: "Inter-Regular";
630
- font-size: 14px;
631
- font-style: normal;
632
- font-weight: 400;
633
- line-height: 24px; /* 171.429% */
634
- letter-spacing: 0.1px;
635
- }
636
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-resizer {
637
- display: none;
638
- }
639
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar {
640
- width: 0;
641
- }
642
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-track {
643
- -webkit-box-shadow: none;
644
- }
645
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-thumb {
646
- background-color: none;
647
- outline: 0;
648
- }
649
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorState {
650
- border-radius: 6px;
651
- background: #fff;
652
- outline: 1px solid #f63e45;
653
- outline-offset: -1px;
654
- box-shadow: none;
655
- }
656
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__focused {
657
- border-radius: 6px;
658
- background: #fff;
659
- outline: 2px solid #0058ff;
660
- outline-offset: -2px;
661
- box-shadow: none;
662
- }
663
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__active {
664
- border-radius: 6px;
665
- background: #fff;
666
- outline: 1.5px solid #0058ff;
667
- outline-offset: -1.5px;
668
- box-shadow: 0 0 0 2px #dee9fc;
669
- }
670
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorFocused {
671
- border-radius: 6px;
672
- background: #fff;
673
- outline: 2px solid #f63e45;
674
- outline-offset: -2px;
675
- box-shadow: none;
676
- }
677
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorActive {
678
- border-radius: 6px;
679
- background: #fff;
680
- outline: 1.5px solid #f63e45;
681
- outline-offset: -1.5px;
682
- box-shadow: 0 0 0 2px #fcdcdd;
683
- }
684
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::placeholder {
685
- width: 100%;
686
- overflow: hidden;
687
- color: #646569;
688
- text-overflow: ellipsis;
689
- font-family: "Inter-Regular";
690
- font-size: 14px;
691
- font-style: normal;
692
- font-weight: 400;
693
- line-height: 24px; /* 171.429% */
694
- letter-spacing: 0.1px;
695
- }
696
- .Textarea-module__textareaContainer .Textarea-module__textareaFooter {
697
- width: 100%;
698
- display: flex;
699
- justify-content: flex-end;
700
- align-items: center;
701
- }
702
- .Textarea-module__textareaContainer .Textarea-module__textareaFooter p {
703
- color: #131314;
704
- text-align: right;
705
- font-family: "Inter-Medium", sans-serif;
706
- font-size: 12px;
707
- font-style: normal;
708
- font-weight: 450;
709
- line-height: 16px; /* 133.333% */
710
- letter-spacing: 0.1px;
711
- }@font-face {
712
- font-family: "Inter-Regular";
713
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
714
- }
715
- @font-face {
716
- font-family: "Inter-SemiBold";
717
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
718
- }
719
- @font-face {
720
- font-family: "Inter-Medium";
721
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
722
- }
723
- .Toggle-module__toggleWrapper {
724
- position: relative;
725
- overflow: hidden;
726
- border-radius: 13.333px;
727
- background: #c1c2c7;
728
- padding: 4px;
729
- cursor: pointer;
730
- }
731
- .Toggle-module__toggleWrapper.Toggle-module__checked {
732
- background: #0058FF;
733
- }
734
- .Toggle-module__toggleWrapper.Toggle-module__error {
735
- background: #e3292f;
736
- }
737
- .Toggle-module__toggleWrapper.Toggle-module__disabled {
738
- background: #d4d5d6;
739
- cursor: not-allowed;
740
- }
741
- .Toggle-module__toggleWrapper.Toggle-module__disabled.Toggle-module__checked {
742
- background: #95969c;
743
- }
744
- .Toggle-module__toggleWrapper.Toggle-module__sm {
745
- width: 24px;
746
- height: 16px;
747
- }
748
- .Toggle-module__toggleWrapper.Toggle-module__sm.Toggle-module__checked .Toggle-module__toggleState {
749
- left: calc(100% - 12px);
750
- }
751
- .Toggle-module__toggleWrapper.Toggle-module__sm .Toggle-module__toggleState {
752
- width: 8px;
753
- height: 8px;
754
- }
755
- .Toggle-module__toggleWrapper.Toggle-module__md {
756
- width: 32px;
757
- height: 20px;
758
- }
759
- .Toggle-module__toggleWrapper.Toggle-module__md.Toggle-module__checked .Toggle-module__toggleState {
760
- left: calc(100% - 16px);
761
- }
762
- .Toggle-module__toggleWrapper.Toggle-module__md .Toggle-module__toggleState {
763
- width: 12px;
764
- height: 12px;
765
- }
766
- .Toggle-module__toggleWrapper.Toggle-module__lg {
767
- width: 40px;
768
- height: 24px;
769
- }
770
- .Toggle-module__toggleWrapper.Toggle-module__lg .Toggle-module__toggleState {
771
- width: 16px;
772
- height: 16px;
773
- }
774
- .Toggle-module__toggleWrapper.Toggle-module__lg.Toggle-module__checked .Toggle-module__toggleState {
775
- left: calc(100% - 20px);
776
- }
777
- .Toggle-module__toggleWrapper .Toggle-module__toggleState {
778
- border-radius: 8px;
779
- background: #fff;
780
- position: absolute;
781
- top: 50%;
782
- left: 4px;
783
- transform: translateY(-50%);
784
- transition: 0.2s all;
785
- }@font-face {
786
- font-family: "Inter-Regular";
787
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
788
- }
789
- @font-face {
790
- font-family: "Inter-SemiBold";
791
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
792
- }
793
- @font-face {
794
- font-family: "Inter-Medium";
795
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
796
- }
797
- .Checkbox-module__checkboxWrapper {
798
- overflow: hidden;
799
- border: 2px solid #c1c2c7;
800
- background: #ffffff;
801
- position: relative;
802
- padding: 5px 4px;
803
- border-radius: 3px;
804
- cursor: pointer;
805
- transition: 0.2;
806
- display: grid;
807
- place-items: center;
808
- width: 18px;
809
- height: 18px;
810
- user-select: none;
811
- -webkit-user-select: none;
812
- -moz-user-select: none;
813
- -ms-user-select: none;
814
- }
815
- .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark {
816
- display: grid;
817
- place-items: center;
818
- }
819
- .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark svg {
820
- width: 0.625rem;
821
- user-select: none;
822
- pointer-events: none;
823
- }
824
- .Checkbox-module__checkboxWrapper.Checkbox-module__error {
825
- border-color: #e3292f;
826
- }
827
- .Checkbox-module__checkboxWrapper.Checkbox-module__error.Checkbox-module__checked {
828
- background: #e3292f;
829
- border: none;
830
- }
831
- .Checkbox-module__checkboxWrapper.Checkbox-module__checked {
832
- background: #0058ff;
833
- border: none;
834
- }
835
- .Checkbox-module__checkboxWrapper.Checkbox-module__checked.Checkbox-module__disabled {
836
- background: #95969c;
837
- }
838
- .Checkbox-module__checkboxWrapper.Checkbox-module__disabled {
839
- cursor: not-allowed;
840
- border-color: #c1c2c7 !important;
841
- }
842
-
843
- .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked {
844
- background: #32b45f;
845
- border: 0.0625rem solid #32b45f;
846
- }
847
- .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked:hover {
848
- background: #24994d;
849
- border: 0.0625rem solid #24994d;
850
- }
851
-
852
- .Checkbox-module__dark {
853
- background: #373a41;
854
- border: unset;
855
- }
856
- .Checkbox-module__dark.Checkbox-module__checked {
857
- background: #0158ff;
858
- border: 0.0625rem solid #0158ff;
859
- }
860
- .Checkbox-module__dark.Checkbox-module__checked.Checkbox-module__disabled svg path {
861
- stroke: #d5d7da;
862
- }
863
- .Checkbox-module__dark.Checkbox-module__disabled {
864
- background: #8d8d8d !important;
865
- border: 0.0625rem solid #373a41 !important;
866
- }@font-face {
867
- font-family: "Inter-Regular";
868
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
869
- }
870
- @font-face {
871
- font-family: "Inter-SemiBold";
872
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
873
- }
874
- @font-face {
875
- font-family: "Inter-Medium";
876
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
877
- }
878
- .Dropdown-module__dropdownWrapper {
879
- user-select: none;
880
- width: 100%;
881
- }
882
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper {
883
- width: 100%;
884
- cursor: pointer;
885
- }
886
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper .Dropdown-module__dropdownInputSlot {
887
- display: flex;
888
- align-items: center;
889
- gap: 2px;
890
- border-right: 1px solid #e6e6e6;
891
- }
892
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper .Dropdown-module__dropdownInputSlot p {
893
- overflow: hidden;
894
- color: #717680;
895
- font-feature-settings: "liga" off, "clig" off;
896
- text-overflow: ellipsis;
897
- font-family: "Inter-Regular";
898
- font-size: 16px;
899
- font-style: normal;
900
- font-weight: 400;
901
- line-height: 24px; /* 171.429% */
902
- letter-spacing: 0.1px;
903
- }
904
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper .Dropdown-module__dropdownInputSlot img {
905
- width: 30px;
906
- height: 30px;
907
- object-fit: contain;
908
- }
909
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper .Dropdown-module__dropdownInputSlot .Dropdown-module__dropdownRightIconArrow {
910
- display: flex;
911
- align-items: center;
912
- justify-content: center;
913
- cursor: pointer;
914
- transition: transform 0.2s ease-in-out;
915
- width: 29px;
916
- height: 24px;
917
- }
918
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper .Dropdown-module__dropdownInputSlot .Dropdown-module__dropdownRightIconArrow.Dropdown-module__focused {
919
- transform: rotate(180deg);
920
- }
921
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper ul.Dropdown-module__dropdownInputSlot {
922
- overflow: hidden;
923
- width: 100%;
924
- display: flex;
925
- align-items: center;
926
- gap: 6px;
927
- }
928
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper ul.Dropdown-module__dropdownInputSlot li.Dropdown-module__dropdownInputSlotItem {
929
- border-radius: 999px;
930
- background: #f2f2f2;
931
- min-width: 80px;
932
- max-width: 100px;
933
- display: flex;
934
- align-items: center;
935
- gap: 6px;
936
- padding: 6px 12px;
937
- cursor: default;
938
- }
939
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper ul.Dropdown-module__dropdownInputSlot li.Dropdown-module__dropdownInputSlotItem .Dropdown-module__dropdownInputSlotItemLabel {
940
- width: 100%;
941
- overflow: hidden;
942
- text-overflow: ellipsis;
943
- white-space: nowrap;
944
- color: #131314;
945
- font-family: "Inter-Regular";
946
- font-size: 12px;
947
- font-style: normal;
948
- font-weight: 400;
949
- line-height: 16px; /* 133.333% */
950
- letter-spacing: 0.1px;
951
- }
952
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper ul.Dropdown-module__dropdownInputSlot li.Dropdown-module__dropdownInputSlotItem .Dropdown-module__dropdownInputSlotItemClose {
953
- display: flex;
954
- justify-content: center;
955
- align-items: center;
956
- cursor: pointer;
957
- }
958
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper ul.Dropdown-module__dropdownInputSlot li.Dropdown-module__dropdownInputSlotItem.Dropdown-module__dropdownInputSlotItemMore {
959
- justify-content: center;
960
- min-width: 44px;
961
- }
962
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper .Dropdown-module__dropdownRightIcon {
963
- display: flex;
964
- align-items: center;
965
- gap: 8px;
966
- margin: 8px;
967
- }
968
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper .Dropdown-module__dropdownRightIcon .Dropdown-module__dropdownRightIconClose {
969
- display: flex;
970
- align-items: center;
971
- justify-content: center;
972
- cursor: pointer;
973
- }
974
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper .Dropdown-module__dropdownRightIcon .Dropdown-module__dropdownRightIconArrow {
975
- display: flex;
976
- align-items: center;
977
- justify-content: center;
978
- cursor: pointer;
979
- transition: transform 0.2s ease-in-out;
980
- }
981
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownInputWrapper .Dropdown-module__dropdownRightIcon.Dropdown-module__focused .Dropdown-module__dropdownRightIconArrow {
982
- transform: rotate(180deg);
983
- }
984
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer {
985
- width: 100%;
986
- padding: 8px;
987
- border-radius: 12px;
988
- border: 1px solid #e6e6e6;
989
- background: #fff;
990
- box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
991
- display: flex;
992
- flex-direction: column;
993
- gap: 8px;
994
- }
995
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList {
996
- width: 100%;
997
- max-height: 320px;
998
- overflow-y: auto;
999
- display: flex;
1000
- flex-direction: column;
1001
- align-items: flex-start;
1002
- gap: 2px;
1003
- align-self: stretch;
1004
- }
1005
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem {
1006
- width: 100%;
1007
- border-radius: 4px;
1008
- background: #fff;
1009
- display: flex;
1010
- padding: 6px 16px 6px 6px;
1011
- align-items: center;
1012
- gap: 8px;
1013
- }
1014
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem.Dropdown-module__selected {
1015
- width: 100%;
1016
- border-radius: 4px;
1017
- background: #ecf3ff;
1018
- }
1019
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem.Dropdown-module__selected .Dropdown-module__dropdownItemLabel {
1020
- width: 100%;
1021
- }
1022
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem.Dropdown-module__selected .Dropdown-module__dropdownItemLabel p {
1023
- width: 100%;
1024
- overflow: hidden;
1025
- color: #0058ff !important;
1026
- text-overflow: ellipsis;
1027
- font-family: "Inter-Regular";
1028
- font-size: 14px;
1029
- font-style: normal;
1030
- font-weight: 400;
1031
- line-height: 24px; /* 171.429% */
1032
- letter-spacing: 0.1px;
1033
- }
1034
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem.Dropdown-module__hovered {
1035
- cursor: pointer;
1036
- }
1037
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem.Dropdown-module__hovered:hover {
1038
- background: #f2f2f2;
1039
- }
1040
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem.Dropdown-module__disabled p:first-of-type {
1041
- color: #95969c !important;
1042
- }
1043
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem .Dropdown-module__itemCheckbox {
1044
- display: flex;
1045
- justify-content: center;
1046
- align-items: center;
1047
- }
1048
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem .Dropdown-module__dropdownItemLabel {
1049
- width: calc(100% - 20px);
1050
- display: flex;
1051
- align-items: center;
1052
- justify-content: space-between;
1053
- }
1054
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem .Dropdown-module__dropdownItemLabel .Dropdown-module__dropdownItemLabelInput {
1055
- display: flex;
1056
- align-items: center;
1057
- gap: 8px;
1058
- }
1059
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem .Dropdown-module__dropdownItemLabel .Dropdown-module__dropdownItemLabelInput .Dropdown-module__countryName {
1060
- overflow: hidden;
1061
- color: #131314;
1062
- font-feature-settings: "liga" off, "clig" off;
1063
- text-overflow: ellipsis;
1064
- font-family: "Inter-Regular";
1065
- font-size: 14px;
1066
- font-style: normal;
1067
- font-weight: 400;
1068
- line-height: 24px; /* 171.429% */
1069
- letter-spacing: 0.1px;
1070
- }
1071
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem .Dropdown-module__dropdownItemLabel .Dropdown-module__dropdownItemLabelInput .Dropdown-module__countryDialCode {
1072
- overflow: hidden;
1073
- color: #646569;
1074
- font-feature-settings: "liga" off, "clig" off;
1075
- text-overflow: ellipsis;
1076
- font-family: "Inter-Regular";
1077
- font-size: 14px;
1078
- font-style: normal;
1079
- font-weight: 400;
1080
- line-height: 24px; /* 171.429% */
1081
- letter-spacing: 0.1px;
1082
- }
1083
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem .Dropdown-module__dropdownItemLabel p:first-of-type:not(.Dropdown-module__selectAll) {
1084
- width: 100%;
1085
- }
1086
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem .Dropdown-module__dropdownItemLabel p:first-of-type {
1087
- overflow: hidden;
1088
- text-overflow: ellipsis;
1089
- white-space: nowrap;
1090
- color: #131314;
1091
- font-family: "Inter-Regular";
1092
- font-size: 14px;
1093
- font-style: normal;
1094
- font-weight: 400;
1095
- line-height: 24px; /* 171.429% */
1096
- letter-spacing: 0.1px;
1097
- }
1098
- .Dropdown-module__dropdownWrapper .Dropdown-module__dropdownListContainer ul.Dropdown-module__dropdownList li.Dropdown-module__dropdownItem .Dropdown-module__dropdownItemLabel p:last-of-type {
1099
- overflow: hidden;
1100
- color: #131314;
1101
- font-family: "Inter-Regular";
1102
- font-size: 14px;
1103
- font-style: normal;
1104
- font-weight: 400;
1105
- line-height: 24px; /* 171.429% */
1106
- letter-spacing: 0.1px;
1107
- }@font-face {
1108
- font-family: "Inter-Regular";
1109
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1110
- }
1111
- @font-face {
1112
- font-family: "Inter-SemiBold";
1113
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1114
- }
1115
- @font-face {
1116
- font-family: "Inter-Medium";
1117
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1118
- }
1119
- .Radio-module__radioWrapper {
1120
- width: 24px;
1121
- height: 24px;
1122
- border-radius: 50%;
1123
- overflow: hidden;
1124
- position: relative;
1125
- cursor: pointer;
1126
- transition: 0.2s;
1127
- }@font-face {
1128
- font-family: "Inter-Regular";
1129
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1130
- }
1131
- @font-face {
1132
- font-family: "Inter-SemiBold";
1133
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1134
- }
1135
- @font-face {
1136
- font-family: "Inter-Medium";
1137
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1138
- }
1139
- .Tooltip-module__tooltipContainer {
1140
- position: relative;
1141
- }
1142
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent {
1143
- border-radius: 0.5rem;
1144
- background: #181d27;
1145
- padding: 0.75rem;
1146
- max-width: 200px;
1147
- min-width: 118px;
1148
- position: absolute;
1149
- z-index: 99999;
1150
- word-break: break-word;
1151
- /* Absolute positioning */
1152
- /* CSS border triangles */
1153
- /* Absolute positioning */
1154
- /* CSS border triangles */
1155
- /* Absolute positioning */
1156
- /* CSS border triangles */
1157
- /* Absolute positioning */
1158
- /* CSS border triangles */
1159
- }
1160
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__withoutPointer::before {
1161
- all: initial;
1162
- }
1163
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent::before {
1164
- content: " ";
1165
- left: 50%;
1166
- border: solid transparent;
1167
- height: 0;
1168
- width: 0;
1169
- position: absolute;
1170
- pointer-events: none;
1171
- border-width: 6px;
1172
- margin-left: -6px;
1173
- }
1174
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__top::before {
1175
- top: 100%;
1176
- border-top-color: #181d27;
1177
- left: var(--pointer-position);
1178
- }
1179
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__right::before {
1180
- left: -6px;
1181
- top: 50%;
1182
- transform: translateX(0) translateY(-50%);
1183
- border-right-color: #181d27;
1184
- }
1185
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom::before {
1186
- bottom: 100%;
1187
- left: var(--pointer-position);
1188
- border-bottom-color: #181d27;
1189
- }
1190
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left::before {
1191
- left: auto;
1192
- right: -12px;
1193
- top: 50%;
1194
- transform: translateX(0) translateY(-50%);
1195
- border-left-color: #181d27;
1196
- }
1197
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipTitle {
1198
- width: 100%;
1199
- word-break: break-word;
1200
- color: #fff;
1201
- font-family: "Inter-Regular", sans-serif;
1202
- font-size: 0.75rem;
1203
- font-style: normal;
1204
- font-weight: 600;
1205
- line-height: 1.125rem; /* 150% */
1206
- }
1207
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipText {
1208
- width: 100%;
1209
- word-break: break-word;
1210
- color: rgba(255, 255, 255, 0.9);
1211
- font-family: "Inter-Regular", sans-serif;
1212
- font-size: 0.75rem;
1213
- font-style: normal;
1214
- font-weight: 500;
1215
- line-height: 1.125rem; /* 150% */
1216
- }
1217
-
1218
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent {
1219
- background: #ffffff;
1220
- }
1221
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__top::before {
1222
- border-top-color: #ffffff;
1223
- left: var(--pointer-position);
1224
- }
1225
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__right::before {
1226
- border-right-color: #ffffff;
1227
- }
1228
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom::before {
1229
- border-bottom-color: #ffffff;
1230
- }
1231
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left::before {
1232
- border-left-color: #ffffff;
1233
- }
1234
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipTitle {
1235
- color: #0c0e12;
1236
- }
1237
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipText {
1238
- color: rgba(12, 14, 18, 0.9);
1239
- }@font-face {
1240
- font-family: "Inter-Regular";
1241
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1242
- }
1243
- @font-face {
1244
- font-family: "Inter-SemiBold";
1245
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1246
- }
1247
- @font-face {
1248
- font-family: "Inter-Medium";
1249
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1250
- }
1251
- .Popup-module__modalOverlay {
1252
- width: 100vw;
1253
- height: 100vh;
1254
- display: grid;
1255
- place-items: center;
1256
- position: fixed;
1257
- top: 0;
1258
- left: 0;
1259
- z-index: 250;
1260
- background: rgba(10, 13, 18, 0.7);
1261
- }
1262
- .Popup-module__modalOverlay ::-webkit-scrollbar {
1263
- width: 0;
1264
- }
1265
- .Popup-module__modalOverlay ::-webkit-scrollbar-track {
1266
- -webkit-box-shadow: none;
1267
- }
1268
- .Popup-module__modalOverlay ::-webkit-scrollbar-thumb {
1269
- background-color: none;
1270
- outline: 0;
1271
- }
1272
- .Popup-module__modalOverlay.Popup-module__popupDrawerMode {
1273
- overflow: hidden;
1274
- place-items: end;
1275
- }
1276
- .Popup-module__modalOverlay.Popup-module__popupDrawerMode .Popup-module__popupContainer {
1277
- min-height: unset;
1278
- max-height: unset;
1279
- min-width: 17.5rem;
1280
- height: 100vh;
1281
- animation: Popup-module__EnterFromLeft 0.3s forwards;
1282
- }
1283
- @keyframes Popup-module__EnterFromLeft {
1284
- from {
1285
- left: 100%;
1286
- }
1287
- to {
1288
- left: 0;
1289
- }
1290
- }
1291
- .Popup-module__modalOverlay .Popup-module__popupContainer {
1292
- padding: 1.5rem;
1293
- min-height: 13.75rem;
1294
- max-height: calc(100vh - 5.625rem);
1295
- position: relative;
1296
- transition: 0.2s;
1297
- z-index: 280;
1298
- border-radius: 0.75rem;
1299
- background: #fff;
1300
- /* Shadows/shadow-xl */
1301
- box-shadow: 0rem 1.25rem 1.5rem -0.25rem rgba(10, 13, 18, 0.08), 0rem 0.5rem 0.5rem -0.25rem rgba(10, 13, 18, 0.03), 0rem 0.1875rem 0.1875rem -0.0938rem rgba(10, 13, 18, 0.04);
1302
- animation: Popup-module__fadeIn 0.3s forwards;
1303
- }
1304
- @keyframes Popup-module__fadeIn {
1305
- from {
1306
- opacity: 0;
1307
- }
1308
- to {
1309
- opacity: 1;
1310
- }
1311
- }
1312
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__closeButton {
1313
- display: grid;
1314
- place-items: center;
1315
- cursor: pointer;
1316
- position: absolute;
1317
- top: 1.25rem;
1318
- right: 1.5rem;
1319
- z-index: 14;
1320
- }
1321
- .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions {
1322
- width: 25rem;
1323
- }
1324
- .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions.Popup-module__horizontal {
1325
- width: 34rem;
1326
- }
1327
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
1328
- width: 100%;
1329
- position: sticky;
1330
- top: 0;
1331
- background: #ffffff;
1332
- z-index: 1;
1333
- }
1334
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle {
1335
- margin-top: 1rem;
1336
- }
1337
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
1338
- color: #181d27;
1339
- font-size: 1.125rem;
1340
- font-style: normal;
1341
- font-weight: 600;
1342
- line-height: 1.75rem; /* 155.556% */
1343
- font-family: "Inter-Regular", sans-serif;
1344
- line-height: 1.75rem; /* 155.556% */
1345
- }
1346
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription {
1347
- margin-top: 0.25rem;
1348
- }
1349
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
1350
- color: #535862;
1351
- font-size: 0.875rem;
1352
- font-style: normal;
1353
- font-weight: 400;
1354
- line-height: 1.25rem; /* 142.857% */
1355
- font-family: "Inter-Regular", sans-serif;
1356
- }
1357
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon {
1358
- display: flex;
1359
- align-items: center;
1360
- justify-content: space-between;
1361
- }
1362
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon .Popup-module__icon {
1363
- display: grid;
1364
- place-items: center;
1365
- width: 3rem;
1366
- height: 3rem;
1367
- border-radius: 624.9375rem;
1368
- }
1369
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__templateWrapper {
1370
- width: 100%;
1371
- position: relative;
1372
- }
1373
-
1374
- .Popup-module__dark.Popup-module__modalOverlay {
1375
- background: rgba(34, 38, 47, 0.4588235294);
1376
- }
1377
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer {
1378
- background: #0c0e12;
1379
- /* Shadows/shadow-xl */
1380
- box-shadow: 0rem 1.25rem 1.5rem -0.25rem rgba(10, 13, 18, 0.08), 0rem 0.5rem 0.5rem -0.25rem rgba(10, 13, 18, 0.03), 0rem 0.1875rem 0.1875rem -0.0938rem rgba(10, 13, 18, 0.04);
1381
- }
1382
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
1383
- background: #0c0e12;
1384
- }
1385
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
1386
- color: #f7f7f7;
1387
- }
1388
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
1389
- color: #94979c;
1390
- }@font-face {
1391
- font-family: "Inter-Regular";
1392
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1393
- }
1394
- @font-face {
1395
- font-family: "Inter-SemiBold";
1396
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1397
- }
1398
- @font-face {
1399
- font-family: "Inter-Medium";
1400
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1401
- }
1402
- .NotificationToast-module__toastContainer {
1403
- display: flex;
1404
- flex-direction: column;
1405
- gap: 10px;
1406
- position: fixed;
1407
- z-index: 9999999;
1408
- width: 328px;
1409
- }
1410
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast {
1411
- padding: 8px;
1412
- border-radius: 8px;
1413
- width: 100%;
1414
- }
1415
- @keyframes NotificationToast-module__fadeIn {
1416
- from {
1417
- opacity: 0;
1418
- transform: translateY(-10px);
1419
- }
1420
- to {
1421
- opacity: 1;
1422
- transform: translateY(0);
1423
- }
1424
- }
1425
- @keyframes NotificationToast-module__fadeOut {
1426
- from {
1427
- opacity: 1;
1428
- transform: translateY(0);
1429
- }
1430
- to {
1431
- opacity: 0;
1432
- transform: translateY(-10px);
1433
- }
1434
- }
1435
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeIn {
1436
- animation: NotificationToast-module__fadeIn 0.3s ease-out;
1437
- }
1438
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeOut {
1439
- animation: NotificationToast-module__fadeOut 0.3s ease-in forwards;
1440
- }
1441
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral {
1442
- background: #131314;
1443
- }
1444
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled {
1445
- border: 1px solid #222224;
1446
- background: #f2f2f2;
1447
- }
1448
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
1449
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
1450
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
1451
- color: #131314 !important;
1452
- }
1453
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info {
1454
- background: #0058ff;
1455
- }
1456
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled {
1457
- border: 1px solid #0058ff;
1458
- background: #ecf3ff;
1459
- }
1460
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
1461
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
1462
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
1463
- color: #0058ff !important;
1464
- }
1465
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error {
1466
- background: #e3292f;
1467
- }
1468
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled {
1469
- border: 1px solid #f63e45;
1470
- background: #fff2f2;
1471
- }
1472
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
1473
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
1474
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
1475
- color: #e3292f !important;
1476
- }
1477
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success {
1478
- background: #328707;
1479
- }
1480
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled {
1481
- border: 1px solid #399c08;
1482
- background: #effce8;
1483
- }
1484
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
1485
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
1486
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
1487
- color: #328707 !important;
1488
- }
1489
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent {
1490
- width: 100%;
1491
- display: flex;
1492
- align-items: center;
1493
- justify-content: space-between;
1494
- }
1495
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft {
1496
- width: 100%;
1497
- display: flex;
1498
- align-items: center;
1499
- gap: 8px;
1500
- }
1501
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentInfoIcon {
1502
- display: flex;
1503
- align-items: center;
1504
- justify-content: center;
1505
- }
1506
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText {
1507
- width: 100%;
1508
- display: flex;
1509
- flex-direction: column;
1510
- gap: 10px;
1511
- }
1512
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextTitle {
1513
- width: 100%;
1514
- overflow: hidden;
1515
- color: #fff;
1516
- text-overflow: ellipsis;
1517
- font-family: "Inter-Medium", sans-serif;
1518
- font-size: 14px;
1519
- font-style: normal;
1520
- font-weight: 450;
1521
- letter-spacing: 0.1px;
1522
- }
1523
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextDescription {
1524
- width: 100%;
1525
- color: #fff;
1526
- font-family: "Inter-Regular", sans-serif;
1527
- font-size: 14px;
1528
- font-style: normal;
1529
- font-weight: 400;
1530
- letter-spacing: 0px;
1531
- }
1532
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight {
1533
- display: flex;
1534
- align-items: center;
1535
- gap: 10px;
1536
- }
1537
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight * {
1538
- user-select: none;
1539
- -webkit-user-select: none;
1540
- -moz-user-select: none;
1541
- -ms-user-select: none;
1542
- user-select: none;
1543
- -webkit-user-select: none;
1544
- -moz-user-select: none;
1545
- -ms-user-select: none;
1546
- }
1547
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightUndoText {
1548
- overflow: hidden;
1549
- color: #fff;
1550
- text-align: center;
1551
- font-feature-settings: "liga" off, "clig" off;
1552
- text-overflow: ellipsis;
1553
- font-family: "Inter-Medium", sans-serif;
1554
- font-size: 14px;
1555
- font-style: normal;
1556
- font-weight: 450;
1557
- line-height: 24px;
1558
- letter-spacing: 0.1px;
1559
- cursor: pointer;
1560
- }
1561
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightClose {
1562
- display: flex;
1563
- align-items: center;
1564
- justify-content: center;
1565
- cursor: pointer;
1566
- padding-left: 10px;
1567
- border-left: 2px solid rgba(255, 255, 255, 0.25);
1568
- }@font-face {
1569
- font-family: "Inter-Regular";
1570
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1571
- }
1572
- @font-face {
1573
- font-family: "Inter-SemiBold";
1574
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1575
- }
1576
- @font-face {
1577
- font-family: "Inter-Medium";
1578
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1579
- }
1580
- .TimePicker-module__timepickerWrapper {
1581
- user-select: none;
1582
- scroll-behavior: smooth;
1583
- width: 100%;
1584
- }
1585
- .TimePicker-module__timepickerWrapper * {
1586
- scrollbar-width: none;
1587
- }
1588
- .TimePicker-module__timepickerWrapper *::-webkit-scrollbar {
1589
- display: none;
1590
- }
1591
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper {
1592
- width: 100%;
1593
- }
1594
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon {
1595
- display: flex;
1596
- align-items: center;
1597
- gap: 8px;
1598
- margin: 8px;
1599
- }
1600
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon .TimePicker-module__dropdownRightIconClose {
1601
- display: flex;
1602
- align-items: center;
1603
- justify-content: center;
1604
- cursor: pointer;
1605
- }
1606
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon .TimePicker-module__dropdownRightIconArrow {
1607
- display: flex;
1608
- align-items: center;
1609
- justify-content: center;
1610
- cursor: pointer;
1611
- transition: transform 0.2s ease-in-out;
1612
- }
1613
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon.TimePicker-module__focused .TimePicker-module__dropdownRightIconArrow {
1614
- transform: rotate(180deg);
1615
- }
1616
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper {
1617
- width: 218px;
1618
- border-radius: 12px;
1619
- box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
1620
- border: 1px solid #e6e6e6;
1621
- background: #fff;
1622
- display: flex;
1623
- flex-direction: column;
1624
- gap: 8px;
1625
- }
1626
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader {
1627
- padding: 8px 8px 0 8px;
1628
- }
1629
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader .TimePicker-module__timepickerDropdownHeaderButtons {
1630
- width: 100%;
1631
- display: flex;
1632
- justify-content: space-between;
1633
- gap: 2px;
1634
- border-radius: 8px;
1635
- background: #f2f2f2;
1636
- padding: 2px;
1637
- }
1638
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader p {
1639
- padding: 5px 20px;
1640
- color: #646569;
1641
- font-feature-settings: "liga" off, "clig" off;
1642
- font-family: "Inter-Regular", sans-serif;
1643
- font-size: 14px;
1644
- font-style: normal;
1645
- font-weight: 400;
1646
- line-height: 24px; /* 171.429% */
1647
- letter-spacing: 0.1px;
1648
- cursor: pointer;
1649
- }
1650
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader p.TimePicker-module__active {
1651
- color: #131314;
1652
- border-radius: 6px 6px 6px 6px;
1653
- background: #fff;
1654
- box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
1655
- }
1656
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody {
1657
- width: 100%;
1658
- display: flex;
1659
- border-top: 1px solid #e6e6e6;
1660
- border-bottom: 1px solid #e6e6e6;
1661
- }
1662
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody .TimePicker-module__timepickerDropdownBodyHours {
1663
- width: 50%;
1664
- display: flex;
1665
- flex-direction: column;
1666
- align-items: center;
1667
- height: 230px;
1668
- overflow-y: auto;
1669
- border-right: 1px solid #e6e6e6;
1670
- padding: 8px;
1671
- }
1672
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody .TimePicker-module__timepickerDropdownBodyMinutes {
1673
- width: 50%;
1674
- display: flex;
1675
- flex-direction: column;
1676
- align-items: center;
1677
- height: 230px;
1678
- overflow-y: auto;
1679
- padding: 8px;
1680
- }
1681
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody .TimePicker-module__timepickerDropdownBodyAmPm {
1682
- width: 50%;
1683
- display: flex;
1684
- flex-direction: column;
1685
- align-items: center;
1686
- height: 230px;
1687
- overflow-y: auto;
1688
- border-left: 1px solid #e6e6e6;
1689
- padding: 8px;
1690
- }
1691
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody p {
1692
- padding: 6px 10px;
1693
- border-radius: 4px;
1694
- cursor: pointer;
1695
- width: 100%;
1696
- color: #131314;
1697
- text-align: center;
1698
- font-feature-settings: "liga" off, "clig" off;
1699
- text-overflow: ellipsis;
1700
- /* UI/14 regular */
1701
- font-family: "Inter-Regular", sans-serif;
1702
- font-size: 14px;
1703
- font-style: normal;
1704
- font-weight: 400;
1705
- line-height: 24px; /* 171.429% */
1706
- letter-spacing: 0.1px;
1707
- }
1708
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody p:hover {
1709
- background: #fafafa;
1710
- }
1711
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody p.TimePicker-module__active {
1712
- background: #ECF3FF;
1713
- color: #0058FF;
1714
- }
1715
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownFooter {
1716
- padding: 8px;
1717
- }@font-face {
1718
- font-family: "Inter-Regular";
1719
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1720
- }
1721
- @font-face {
1722
- font-family: "Inter-SemiBold";
1723
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1724
- }
1725
- @font-face {
1726
- font-family: "Inter-Medium";
1727
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1728
- }
1729
- .Datepicker-module__datepickerContainer {
1730
- width: 100%;
1731
- user-select: none;
1732
- scroll-behavior: smooth;
1733
- }
1734
- .Datepicker-module__datepickerContainer::-webkit-scrollbar {
1735
- display: block !important;
1736
- width: 0;
1737
- }
1738
- .Datepicker-module__datepickerContainer::-webkit-scrollbar-thumb {
1739
- opacity: 0;
1740
- }
1741
- .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper {
1742
- width: 100%;
1743
- cursor: pointer;
1744
- }
1745
- .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerLeftIcon {
1746
- display: flex;
1747
- align-items: center;
1748
- justify-content: center;
1749
- }
1750
- .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerRightIcon {
1751
- display: flex;
1752
- align-items: center;
1753
- justify-content: center;
1754
- cursor: pointer;
1755
- }@font-face {
1756
- font-family: "Inter-Regular";
1757
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1758
- }
1759
- @font-face {
1760
- font-family: "Inter-SemiBold";
1761
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1762
- }
1763
- @font-face {
1764
- font-family: "Inter-Medium";
1765
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1766
- }
1767
- .Calendar-module__datePicker {
1768
- z-index: 150;
1769
- position: absolute;
1770
- left: 0;
1771
- top: calc(100% + 8px);
1772
- display: flex;
1773
- border-radius: 0.75rem;
1774
- border: 1px solid #e9eaeb;
1775
- background: #fff;
1776
- box-shadow: 0px 20px 24px -4px rgba(10, 13, 18, 0.08), 0px 8px 8px -4px rgba(10, 13, 18, 0.03), 0px 3px 3px -1.5px rgba(10, 13, 18, 0.04);
1777
- width: 279px;
1778
- }
1779
- .Calendar-module__datePicker.Calendar-module__dualCalendar, .Calendar-module__datePicker.Calendar-module__dualCalendarWithQuick {
1780
- padding: 1rem;
1781
- }
1782
- .Calendar-module__datePicker.Calendar-module__dualCalendar .Calendar-module__border, .Calendar-module__datePicker.Calendar-module__dualCalendarWithQuick .Calendar-module__border {
1783
- width: 0.0625rem;
1784
- background-color: #e9eaeb;
1785
- margin: 0 8px;
1786
- }
1787
- .Calendar-module__datePicker.Calendar-module__dualCalendar .Calendar-module__calendarWrapper, .Calendar-module__datePicker.Calendar-module__dualCalendarWithQuick .Calendar-module__calendarWrapper {
1788
- width: 100%;
1789
- display: flex;
1790
- flex-direction: row;
1791
- justify-content: space-between;
1792
- }
1793
- .Calendar-module__datePicker.Calendar-module__dualCalendar .Calendar-module__quickPick, .Calendar-module__datePicker.Calendar-module__dualCalendarWithQuick .Calendar-module__quickPick {
1794
- display: flex;
1795
- flex-direction: column;
1796
- align-items: flex-start;
1797
- gap: 0.25rem;
1798
- min-width: 160px;
1799
- }
1800
- .Calendar-module__datePicker.Calendar-module__dualCalendar .Calendar-module__quickPick li, .Calendar-module__datePicker.Calendar-module__dualCalendarWithQuick .Calendar-module__quickPick li {
1801
- width: 100%;
1802
- padding: 8px;
1803
- color: #414651;
1804
- font-family: "Inter-Regular", sans-serif;
1805
- font-size: 0.875rem;
1806
- font-style: normal;
1807
- font-weight: 500;
1808
- line-height: 1.25rem; /* 142.857% */
1809
- border-radius: 0.375rem;
1810
- }
1811
- .Calendar-module__datePicker.Calendar-module__dualCalendar .Calendar-module__quickPick li:hover, .Calendar-module__datePicker.Calendar-module__dualCalendarWithQuick .Calendar-module__quickPick li:hover {
1812
- background: #fafafa;
1813
- text-decoration: unset;
1814
- }
1815
- .Calendar-module__datePicker.Calendar-module__dualCalendar {
1816
- width: 656px;
1817
- }
1818
- .Calendar-module__datePicker.Calendar-module__dualCalendarWithQuick {
1819
- width: 848px;
1820
- }
1821
- .Calendar-module__datePicker .Calendar-module__datePickerHeader {
1822
- width: 100%;
1823
- display: flex;
1824
- flex-direction: column;
1825
- gap: 8px;
1826
- padding: 8px;
1827
- }
1828
- .Calendar-module__datePicker .Calendar-module__datePickerHeader span {
1829
- color: #414651;
1830
- text-align: center;
1831
- font-size: 1rem;
1832
- font-style: normal;
1833
- font-weight: 600;
1834
- line-height: 1.5rem; /* 150% */
1835
- }
1836
- .Calendar-module__datePicker .Calendar-module__div {
1837
- width: 100%;
1838
- }
1839
- .Calendar-module__datePicker .Calendar-module__div span {
1840
- font-family: "Inter-Regular", sans-serif;
1841
- }
1842
- .Calendar-module__datePicker .Calendar-module__currentDateHeader {
1843
- overflow: hidden;
1844
- color: #131314;
1845
- text-align: center;
1846
- font-feature-settings: "liga" off, "clig" off;
1847
- text-overflow: ellipsis;
1848
- /* UI/14 semi medium */
1849
- font-family: "Inter-Regular", sans-serif;
1850
- font-size: 14px;
1851
- font-style: normal;
1852
- font-weight: 450;
1853
- line-height: 24px; /* 171.429% */
1854
- letter-spacing: 0.1px;
1855
- padding: 6px 16px;
1856
- border-radius: 6px;
1857
- border: 1px solid #e6e6e6;
1858
- background: #fff;
1859
- cursor: pointer;
1860
- }
1861
- .Calendar-module__datePicker .Calendar-module__left,
1862
- .Calendar-module__datePicker .Calendar-module__right {
1863
- display: flex;
1864
- justify-content: center;
1865
- align-items: center;
1866
- cursor: pointer;
1867
- }
1868
- .Calendar-module__datePicker .Calendar-module__left .Calendar-module__singleIcon,
1869
- .Calendar-module__datePicker .Calendar-module__left .Calendar-module__doubleIcon,
1870
- .Calendar-module__datePicker .Calendar-module__right .Calendar-module__singleIcon,
1871
- .Calendar-module__datePicker .Calendar-module__right .Calendar-module__doubleIcon {
1872
- display: flex;
1873
- justify-content: center;
1874
- align-items: center;
1875
- }
1876
- .Calendar-module__datePicker .Calendar-module__left .Calendar-module__singleIcon:hover,
1877
- .Calendar-module__datePicker .Calendar-module__left .Calendar-module__doubleIcon:hover,
1878
- .Calendar-module__datePicker .Calendar-module__right .Calendar-module__singleIcon:hover,
1879
- .Calendar-module__datePicker .Calendar-module__right .Calendar-module__doubleIcon:hover {
1880
- opacity: 0.6;
1881
- }
1882
- .Calendar-module__datePicker .Calendar-module__left .Calendar-module__doubleIcon svg:first-of-type,
1883
- .Calendar-module__datePicker .Calendar-module__right .Calendar-module__doubleIcon svg:first-of-type {
1884
- margin-right: -15px;
1885
- }
1886
- .Calendar-module__datePicker .Calendar-module__left span,
1887
- .Calendar-module__datePicker .Calendar-module__right span {
1888
- position: relative;
1889
- }
1890
- .Calendar-module__datePicker .Calendar-module__left span::after,
1891
- .Calendar-module__datePicker .Calendar-module__right span::after {
1892
- position: absolute;
1893
- top: 4px;
1894
- inset-inline-start: 4px;
1895
- display: inline-block;
1896
- width: 7px;
1897
- height: 7px;
1898
- border: 0 solid currentcolor;
1899
- border-block-start-width: 1.5px;
1900
- border-block-end-width: 0;
1901
- border-inline-start-width: 1.5px;
1902
- border-inline-end-width: 0;
1903
- color: #a4a7ae;
1904
- content: "";
1905
- }
1906
- .Calendar-module__datePicker .Calendar-module__left span::before,
1907
- .Calendar-module__datePicker .Calendar-module__right span::before {
1908
- position: absolute;
1909
- top: 0;
1910
- inset-inline-start: 0;
1911
- display: inline-block;
1912
- width: 7px;
1913
- height: 7px;
1914
- border: 0 solid currentcolor;
1915
- border-block-start-width: 1.5px;
1916
- border-block-end-width: 0;
1917
- border-inline-start-width: 1.5px;
1918
- border-inline-end-width: 0;
1919
- color: #a4a7ae;
1920
- content: "";
1921
- }
1922
- .Calendar-module__datePicker .Calendar-module__calendarWrapper {
1923
- padding: 0 8px;
1924
- width: 100%;
1925
- display: flex;
1926
- flex-direction: column;
1927
- justify-content: space-between;
1928
- }
1929
- .Calendar-module__datePicker table {
1930
- border-collapse: collapse;
1931
- border-spacing: 0 0; /* vertical spacing */
1932
- }
1933
- .Calendar-module__datePicker table thead {
1934
- border-bottom: 2px solid #e6e6e6;
1935
- }
1936
- .Calendar-module__datePicker table thead tr th {
1937
- color: #7a7b80;
1938
- }
1939
- .Calendar-module__datePicker table tbody {
1940
- margin-top: 12px;
1941
- }
1942
- .Calendar-module__datePicker table .Calendar-module__spacerRow td {
1943
- height: 4px;
1944
- border: none;
1945
- padding: 0;
1946
- }
1947
- .Calendar-module__datePicker table th,
1948
- .Calendar-module__datePicker table td:not(.Calendar-module__spacerRow td) {
1949
- text-align: center;
1950
- font-family: "Inter-Regular", sans-serif;
1951
- color: #131314;
1952
- font-family: "Inter-Regular", sans-serif;
1953
- font-size: 14px;
1954
- font-style: normal;
1955
- font-weight: 450;
1956
- line-height: 24px; /* 171.429% */
1957
- letter-spacing: 0.1px;
1958
- width: 36px;
1959
- height: 36px;
1960
- padding: 6px;
1961
- border-radius: 6px;
1962
- background: #fff;
1963
- }
1964
- .Calendar-module__datePicker table td.Calendar-module__day {
1965
- cursor: pointer;
1966
- border-radius: 6px;
1967
- font-size: 0.875rem;
1968
- line-height: 1.25rem;
1969
- box-sizing: border-box !important;
1970
- }
1971
- .Calendar-module__datePicker table td.Calendar-module__day:hover {
1972
- background: #fafafa;
1973
- }
1974
- .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__today {
1975
- position: relative;
1976
- }
1977
- .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__today::before {
1978
- content: "";
1979
- position: absolute;
1980
- bottom: 4px;
1981
- left: 50%;
1982
- transform: translate(-50%, 0);
1983
- background-color: #0158ff;
1984
- width: 5px;
1985
- height: 5px;
1986
- border-radius: 50%;
1987
- z-index: 1;
1988
- }
1989
- .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__inRange {
1990
- background: #f2f2f2;
1991
- }
1992
- .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__selected, .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__startDate, .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__endDate {
1993
- background-color: #0158ff;
1994
- color: #fff;
1995
- position: relative;
1996
- }
1997
- .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__disabled {
1998
- color: #a4a7ae;
1999
- pointer-events: none;
2000
- opacity: 0.4;
2001
- }
2002
- .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__endDate::before {
2003
- background-color: #fafafa;
2004
- width: 20px;
2005
- height: 40px;
2006
- position: absolute;
2007
- top: 0;
2008
- inset-inline-start: 0;
2009
- inset-inline-end: 0;
2010
- z-index: -1;
2011
- content: "";
2012
- }
2013
- .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__startDate::before {
2014
- background-color: #fafafa;
2015
- width: 20px;
2016
- height: 40px;
2017
- position: absolute;
2018
- top: 0;
2019
- right: 0;
2020
- z-index: -1;
2021
- content: "";
2022
- }
2023
- .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__endDate.Calendar-module__startDate::before {
2024
- content: none;
2025
- }
2026
- .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__otherMonth {
2027
- color: #95969c;
2028
- font-family: "Inter-Regular", sans-serif;
2029
- font-size: 14px;
2030
- font-style: normal;
2031
- font-weight: 450;
2032
- line-height: 24px; /* 171.429% */
2033
- letter-spacing: 0.1px;
2034
- }
2035
- .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__otherMonth.Calendar-module__startDate, .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__otherMonth.Calendar-module__endDate {
2036
- color: #fff;
2037
- }
2038
- .Calendar-module__datePicker ul.Calendar-module__monthsWrapper {
2039
- width: 100%;
2040
- display: flex;
2041
- flex-direction: column;
2042
- gap: 2px;
2043
- height: 257px;
2044
- overflow: auto;
2045
- }
2046
- .Calendar-module__datePicker ul.Calendar-module__monthsWrapper li.Calendar-module__month {
2047
- width: 100%;
2048
- border-radius: 4px;
2049
- background: #fff;
2050
- padding: 6px 10px;
2051
- cursor: pointer;
2052
- color: #131314;
2053
- font-feature-settings: "liga" off, "clig" off;
2054
- text-overflow: ellipsis;
2055
- font-family: "Inter-Regular", sans-serif;
2056
- font-size: 14px;
2057
- font-style: normal;
2058
- font-weight: 400;
2059
- line-height: 24px; /* 171.429% */
2060
- letter-spacing: 0.1px;
2061
- }
2062
- .Calendar-module__datePicker ul.Calendar-module__monthsWrapper li.Calendar-module__month.Calendar-module__pickedMonth {
2063
- background: #ECF3FF;
2064
- color: #0158ff;
2065
- }
2066
- .Calendar-module__datePicker .Calendar-module__buttonWrapper {
2067
- margin-top: 8px;
2068
- padding: 8px;
2069
- border-top: 1px solid #e6e6e6;
2070
- }@font-face {
2071
- font-family: "Inter-Regular";
2072
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
2073
- }
2074
- @font-face {
2075
- font-family: "Inter-SemiBold";
2076
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
2077
- }
2078
- @font-face {
2079
- font-family: "Inter-Medium";
2080
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
2081
- }
2082
- .Skeleton-module__skeleton {
2083
- background-color: #e0e0e0;
2084
- border-radius: 4px;
2085
- position: relative;
2086
- overflow: hidden;
2087
- display: grid;
2088
- place-items: center;
2089
- }
2090
- .Skeleton-module__skeleton::after {
2091
- content: "";
2092
- position: absolute;
2093
- top: 0;
2094
- left: 0;
2095
- right: 0;
2096
- bottom: 0;
2097
- background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
2098
- animation: Skeleton-module__shimmer 1.5s infinite;
2099
- }
2100
-
2101
- .Skeleton-module__text {
2102
- height: 1rem;
2103
- width: 100%;
2104
- margin: 8px 0;
2105
- }
2106
-
2107
- .Skeleton-module__avatar {
2108
- height: 40px;
2109
- width: 40px;
2110
- border-radius: 50%;
2111
- }
2112
-
2113
- @keyframes Skeleton-module__shimmer {
2114
- 0% {
2115
- transform: translateX(-100%);
2116
- }
2117
- 100% {
2118
- transform: translateX(100%);
2119
- }
2120
- }
2121
- .Skeleton-module__dark.Skeleton-module__skeleton {
2122
- background-color: #5a5a5a;
2123
- }
2124
- .Skeleton-module__dark.Skeleton-module__skeleton::after {
2125
- background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);
2126
- }@font-face {
2127
- font-family: "Inter-Regular";
2128
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
2129
- }
2130
- @font-face {
2131
- font-family: "Inter-SemiBold";
2132
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
2133
- }
2134
- @font-face {
2135
- font-family: "Inter-Medium";
2136
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
2137
- }
2138
- .ActionDropdown-module__actionDropdownContainer {
2139
- width: 100%;
2140
- }
2141
- .ActionDropdown-module__actionDropdownContainer.ActionDropdown-module__collapsed .ActionDropdown-module__actionDropdownIcon {
2142
- transform: rotate(180deg);
2143
- }
2144
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent {
2145
- width: 100%;
2146
- border-radius: 6px;
2147
- background: #f2f2f2;
2148
- display: flex;
2149
- align-items: center;
2150
- justify-content: space-between;
2151
- cursor: pointer;
2152
- user-select: none;
2153
- -webkit-user-select: none;
2154
- -moz-user-select: none;
2155
- -ms-user-select: none;
2156
- }
2157
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownTitle {
2158
- width: 90%;
2159
- white-space: nowrap;
2160
- overflow: hidden;
2161
- color: #131314;
2162
- font-feature-settings: "liga" off, "clig" off;
2163
- text-overflow: ellipsis;
2164
- font-family: "Inter-Regular", sans-serif;
2165
- font-size: 14px;
2166
- font-weight: 400;
2167
- line-height: 24px;
2168
- letter-spacing: 0.1px;
2169
- border-right: 1px solid #ffffff;
2170
- padding: 8px 16px;
2171
- }
2172
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownIcon {
2173
- display: flex;
2174
- align-items: center;
2175
- justify-content: center;
2176
- padding: 8px;
2177
- width: 40px;
2178
- height: 40px;
2179
- transition: transform 0.2s ease-in-out;
2180
- }
2181
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList {
2182
- width: 100%;
2183
- border-radius: 12px;
2184
- border: 1px solid #e6e6e6;
2185
- background: #fff;
2186
- box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
2187
- height: 250px;
2188
- overflow: auto;
2189
- padding: 8px;
2190
- }
2191
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem {
2192
- width: 100%;
2193
- border-radius: 4px;
2194
- background: #fff;
2195
- padding: 6px 10px;
2196
- overflow: hidden;
2197
- color: #131314;
2198
- font-feature-settings: "liga" off, "clig" off;
2199
- text-overflow: ellipsis;
2200
- font-family: "Inter-Regular", sans-serif;
2201
- font-size: 14px;
2202
- font-weight: 400;
2203
- line-height: 24px;
2204
- letter-spacing: 0.1px;
2205
- cursor: pointer;
2206
- }
2207
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem:hover, .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem.ActionDropdown-module__selected {
2208
- border-radius: 4px;
2209
- background: #f2f2f2;
2210
- }@font-face {
2211
- font-family: "Inter-Regular";
2212
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
2213
- }
2214
- @font-face {
2215
- font-family: "Inter-SemiBold";
2216
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
2217
- }
2218
- @font-face {
2219
- font-family: "Inter-Medium";
2220
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
2221
- }
2222
- .InlineLoading-module__inlineLoadingWrapper {
2223
- width: 100%;
2224
- }
2225
- .InlineLoading-module__inlineLoadingWrapper div {
2226
- display: flex;
2227
- gap: 0.5rem;
2228
- }
2229
- .InlineLoading-module__inlineLoadingWrapper div.InlineLoading-module__loading svg {
2230
- animation: InlineLoading-module__anim 1s infinite linear;
2231
- }
2232
- @keyframes InlineLoading-module__anim {
2233
- to {
2234
- transform: rotate(1turn);
2235
- }
2236
- }
2237
- .InlineLoading-module__inlineLoadingWrapper div span {
2238
- color: #181d27;
2239
- font-family: "Inter-Regular", sans-serif;
2240
- font-size: var(--Font-size-text-md, 16px);
2241
- font-style: normal;
2242
- font-weight: 400;
2243
- line-height: 1.125rem;
2244
- font-size: 0.75rem;
2245
- }
2246
-
2247
- .InlineLoading-module__dark.InlineLoading-module__inlineLoadingWrapper span {
2248
- color: #f7f7f7;
2249
- }