master-components-react-ts 1.0.13 → 1.1.0

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