master-components-react-ts 2.1.2 → 2.1.4

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.
Files changed (66) hide show
  1. package/dist/_virtual/_commonjsHelpers.js +8 -0
  2. package/dist/_virtual/customParseFormat.js +4 -0
  3. package/dist/assets/Icons/IconArrowUp.js +13 -0
  4. package/dist/assets/Icons/IconCalendar.js +32 -0
  5. package/dist/assets/Icons/IconCheck.js +15 -0
  6. package/dist/assets/Icons/IconCheckCircle.js +16 -0
  7. package/dist/assets/Icons/IconCheckmark.js +15 -0
  8. package/dist/assets/Icons/IconCircularLoading.js +36 -0
  9. package/dist/assets/Icons/IconClose.js +31 -0
  10. package/dist/assets/Icons/IconCloseBackground.js +15 -0
  11. package/dist/assets/Icons/IconCloseCircle.js +15 -0
  12. package/dist/assets/Icons/IconErrorDash.js +15 -0
  13. package/dist/assets/Icons/IconExclamation.js +15 -0
  14. package/dist/assets/Icons/IconLeft.js +13 -0
  15. package/dist/assets/Icons/IconLoading.js +22 -0
  16. package/dist/assets/Icons/IconMinus.js +7 -0
  17. package/dist/assets/Icons/IconRadioChecked.js +19 -0
  18. package/dist/assets/Icons/IconRadioCheckedDisabled.js +19 -0
  19. package/dist/assets/Icons/IconRadioUnchecked.js +16 -0
  20. package/dist/assets/Icons/IconRadioUncheckedDisabled.js +16 -0
  21. package/dist/assets/Icons/IconRight.js +13 -0
  22. package/dist/assets/Icons/IconSave.js +16 -0
  23. package/dist/assets/Icons/IconSearch.js +26 -0
  24. package/dist/assets/Icons/IconSuccess.js +15 -0
  25. package/dist/assets/Icons/IconTrash.js +16 -0
  26. package/dist/assets/style-CXs6Ghy1.css +2249 -0
  27. package/dist/components/ActionDropdown/ActionDropdown.js +74 -0
  28. package/dist/components/ActionDropdown/ActionDropdown.module.scss.js +29 -0
  29. package/dist/components/Checkbox/Checkbox.js +54 -0
  30. package/dist/components/Checkbox/Checkbox.module.scss.js +26 -0
  31. package/dist/components/DatePicker/Calendar.js +437 -0
  32. package/dist/components/DatePicker/Calendar.module.scss.js +83 -0
  33. package/dist/components/DatePicker/DatePicker.js +211 -0
  34. package/dist/components/DatePicker/Datepicker.module.scss.js +17 -0
  35. package/dist/components/Dropdown/Dropdown.js +337 -0
  36. package/dist/components/Dropdown/Dropdown.module.scss.js +74 -0
  37. package/dist/components/FormInput/FormInput.js +151 -0
  38. package/dist/components/FormInput/FormInput.module.scss.js +62 -0
  39. package/dist/components/InlineLoading/InlineLoading.js +24 -0
  40. package/dist/components/InlineLoading/InlineLoading.module.scss.js +11 -0
  41. package/dist/components/MainButton/MainButton.js +72 -0
  42. package/dist/components/MainButton/MainButton.module.scss.js +56 -0
  43. package/dist/components/NotificationToast/NotificationContext.js +57 -0
  44. package/dist/components/NotificationToast/NotificationToast.js +66 -0
  45. package/dist/components/NotificationToast/NotificationToast.module.scss.js +59 -0
  46. package/dist/components/NotificationToast/createNotificationToast.js +10 -0
  47. package/dist/components/Popup/Popup.js +116 -0
  48. package/dist/components/Popup/Popup.module.scss.js +41 -0
  49. package/dist/components/Radio/Radio.js +46 -0
  50. package/dist/components/Radio/Radio.module.scss.js +8 -0
  51. package/dist/components/Skeleton/Skeleton.js +8 -0
  52. package/dist/components/Skeleton/Skeleton.module.scss.js +20 -0
  53. package/dist/components/Textarea/Textarea.js +149 -0
  54. package/dist/components/Textarea/Textarea.module.scss.js +41 -0
  55. package/dist/components/TimePicker/TimePicker.js +172 -0
  56. package/dist/components/TimePicker/TimePicker.module.scss.js +50 -0
  57. package/dist/components/Toggle/Toggle.js +20 -0
  58. package/dist/components/Toggle/Toggle.module.scss.js +29 -0
  59. package/dist/components/Tooltip/Tooltip.js +153 -0
  60. package/dist/components/Tooltip/Tooltip.module.scss.js +35 -0
  61. package/dist/context/NamespaceContext.js +7 -0
  62. package/dist/index.js +32 -5154
  63. package/dist/node_modules/dayjs/plugin/customParseFormat.js +129 -0
  64. package/dist/utils/Helpers.js +15 -0
  65. package/package.json +10 -14
  66. package/dist/types/css-modules.d.ts +0 -9
@@ -0,0 +1,2249 @@
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
+ }