master-components-react-ts 2.1.1 → 2.1.3

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 (31) hide show
  1. package/dist/assets/Icons/IconErrorDash.d.ts +2 -3
  2. package/dist/assets/Icons/IconErrorDash.js +15 -0
  3. package/dist/assets/Icons/IconLoading.js +22 -0
  4. package/dist/assets/Icons/IconSuccess.js +15 -0
  5. package/dist/assets/components/ActionDropdown/ActionDropdown.module-CJpBa8kB.css +85 -0
  6. package/dist/assets/components/Checkbox/Checkbox.module-_XqqEodq.css +82 -0
  7. package/dist/assets/components/DatePicker/Calendar.module-D3fcZWFD.css +316 -0
  8. package/dist/assets/components/DatePicker/Datepicker.module-BxWRyQpP.css +39 -0
  9. package/dist/assets/components/Dropdown/Dropdown.module-DgjqziBo.css +242 -0
  10. package/dist/assets/components/FormInput/FormInput.module-DvfUbgbC.css +240 -0
  11. package/dist/assets/components/InlineLoading/InlineLoading.module-iVTVTMU0.css +40 -0
  12. package/dist/assets/components/MainButton/MainButton.module-8Us8t8Lb.css +306 -0
  13. package/dist/assets/components/NotificationToast/NotificationToast.module-mSanXElM.css +179 -0
  14. package/dist/assets/components/Popup/Popup.module-C1XFPW6u.css +152 -0
  15. package/dist/assets/components/Radio/Radio.module-BvqKw6WX.css +21 -0
  16. package/dist/assets/components/Skeleton/Skeleton.module-BxbVrXDg.css +57 -0
  17. package/dist/assets/components/Textarea/Textarea.module-BxaBUjlU.css +167 -0
  18. package/dist/assets/components/TimePicker/TimePicker.module-DfRiUaeb.css +150 -0
  19. package/dist/assets/components/Toggle/Toggle.module-DBfTR8Br.css +75 -0
  20. package/dist/assets/components/Tooltip/Tooltip.module-DEYqvQtd.css +113 -0
  21. package/dist/components/Dropdown/Dropdown.js +3 -2
  22. package/dist/components/Dropdown/Dropdown.types.d.ts +2 -2
  23. package/dist/components/FormInput/FormInput.js +8 -1
  24. package/dist/components/InlineLoading/InlineLoading.d.ts +3 -0
  25. package/dist/components/InlineLoading/InlineLoading.js +24 -0
  26. package/dist/components/InlineLoading/InlineLoading.module.scss.js +11 -0
  27. package/dist/components/InlineLoading/InlineLoading.types.d.ts +24 -0
  28. package/dist/components/Textarea/Textarea.js +1 -1
  29. package/dist/index.d.ts +1 -0
  30. package/dist/index.js +2 -2221
  31. package/package.json +57 -60
package/dist/index.js CHANGED
@@ -1,2224 +1,3 @@
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
- .FormInput-module__inputWrapper {
19
- width: 100%;
20
- display: flex;
21
- flex-direction: column;
22
- gap: 10px;
23
- }
24
- .FormInput-module__inputWrapper.FormInput-module__sm .FormInput-module__formInputWrapper {
25
- height: 36px;
26
- }
27
- .FormInput-module__inputWrapper.FormInput-module__md .FormInput-module__formInputWrapper {
28
- height: 40px;
29
- }
30
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputLabel {
31
- width: 100%;
32
- overflow: hidden;
33
- color: #95969c;
34
- text-overflow: ellipsis;
35
- font-family: "Inter-Medium";
36
- font-size: 12px;
37
- font-style: normal;
38
- font-weight: 450;
39
- line-height: 16px; /* 133.333% */
40
- letter-spacing: 0.1px;
41
- }
42
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInput {
43
- width: 100%;
44
- overflow: hidden;
45
- color: #7a7b80;
46
- text-overflow: ellipsis;
47
- font-family: "Inter-Regular";
48
- font-size: 14px;
49
- font-style: normal;
50
- font-weight: 400;
51
- line-height: 24px; /* 171.429% */
52
- letter-spacing: 0.1px;
53
- }
54
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputHelperText {
55
- width: 100%;
56
- overflow: hidden;
57
- color: #95969c;
58
- text-overflow: ellipsis;
59
- font-family: "Inter-Medium";
60
- font-size: 12px;
61
- font-style: normal;
62
- font-weight: 450;
63
- line-height: 16px; /* 133.333% */
64
- letter-spacing: 0.1px;
65
- }
66
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper {
67
- border-radius: 6px;
68
- border: 1px solid #e6e6e6;
69
- background: #fafafa;
70
- }
71
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper .FormInput-module__formInput {
72
- width: 100%;
73
- overflow: hidden;
74
- color: #7a7b80;
75
- text-overflow: ellipsis;
76
- font-family: "Inter-Regular";
77
- font-size: 14px;
78
- font-style: normal;
79
- font-weight: 400;
80
- line-height: 24px; /* 171.429% */
81
- letter-spacing: 0.1px;
82
- cursor: not-allowed;
83
- }
84
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper .FormInput-module__formInput::placeholder {
85
- width: 100%;
86
- overflow: hidden;
87
- color: #7a7b80;
88
- text-overflow: ellipsis;
89
- font-family: "Inter-Regular";
90
- font-size: 14px;
91
- font-style: normal;
92
- font-weight: 400;
93
- line-height: 24px; /* 171.429% */
94
- letter-spacing: 0.1px;
95
- }
96
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper {
97
- width: 100%;
98
- display: flex;
99
- align-items: center;
100
- justify-content: space-between;
101
- }
102
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputLabel {
103
- width: 100%;
104
- width: 100%;
105
- overflow: hidden;
106
- color: #131314;
107
- font-family: "Inter-Medium";
108
- font-size: 12px;
109
- font-style: normal;
110
- font-weight: 450;
111
- line-height: 16px; /* 171.429% */
112
- letter-spacing: 0.1px;
113
- }
114
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputLabel .FormInput-module__formInputRequired {
115
- overflow: hidden;
116
- color: #e3292f;
117
- text-overflow: ellipsis;
118
- font-family: "Inter-Medium";
119
- font-size: 12px;
120
- font-style: normal;
121
- font-weight: 450;
122
- line-height: 16px; /* 133.333% */
123
- letter-spacing: 0.1px;
124
- }
125
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputHelperSlot {
126
- display: flex;
127
- align-items: center;
128
- justify-content: center;
129
- }
130
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper {
131
- width: 100%;
132
- display: flex;
133
- align-items: center;
134
- gap: 8px;
135
- padding: 8px;
136
- border-radius: 6px;
137
- border: 1px solid #e6e6e6;
138
- background: #fff;
139
- }
140
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorState {
141
- border-radius: 6px;
142
- background: #fff;
143
- outline: 1px solid #f63e45;
144
- outline-offset: -1px;
145
- box-shadow: none;
146
- }
147
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__focused {
148
- border-radius: 6px;
149
- background: #fff;
150
- outline: 2px solid #0058ff;
151
- outline-offset: -2px;
152
- box-shadow: none;
153
- }
154
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__active {
155
- border-radius: 6px;
156
- background: #fff;
157
- outline: 1.5px solid #0058ff;
158
- outline-offset: -1.5px;
159
- box-shadow: 0 0 0 2px #dee9fc;
160
- }
161
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorFocused {
162
- border-radius: 6px;
163
- background: #fff;
164
- outline: 2px solid #f63e45;
165
- outline-offset: -2px;
166
- box-shadow: none;
167
- }
168
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorActive {
169
- border-radius: 6px;
170
- background: #fff;
171
- outline: 1.5px solid #f63e45;
172
- outline-offset: -1.5px;
173
- box-shadow: 0 0 0 2px #fcdcdd;
174
- }
175
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput {
176
- width: 100%;
177
- border: none;
178
- outline: none;
179
- background-color: transparent;
180
- caret-color: #0058ff;
181
- width: 100%;
182
- overflow: hidden;
183
- color: #131314;
184
- text-overflow: ellipsis;
185
- font-family: "Inter-Regular";
186
- font-size: 14px;
187
- font-style: normal;
188
- font-weight: 400;
189
- line-height: 24px; /* 171.429% */
190
- letter-spacing: 0.1px;
191
- }
192
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput::placeholder {
193
- width: 100%;
194
- overflow: hidden;
195
- color: #646569;
196
- text-overflow: ellipsis;
197
- font-family: "Inter-Regular";
198
- font-size: 14px;
199
- font-style: normal;
200
- font-weight: 400;
201
- line-height: 24px; /* 171.429% */
202
- letter-spacing: 0.1px;
203
- }
204
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper .FormInput-module__formInputSlot {
205
- display: grid;
206
- place-items: center;
207
- }
208
- .FormInput-module__inputWrapper .FormInput-module__formInputHelperText {
209
- width: 100%;
210
- overflow: hidden;
211
- color: #131314;
212
- text-overflow: ellipsis;
213
- font-family: "Inter-Medium";
214
- font-size: 12px;
215
- font-style: normal;
216
- font-weight: 450;
217
- line-height: 16px; /* 133.333% */
218
- letter-spacing: 0.1px;
219
- }
220
- .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__errorHelperText {
221
- width: 100%;
222
- overflow: hidden;
223
- color: #e3292f;
224
- text-overflow: ellipsis;
225
- font-family: "Inter-Medium";
226
- font-size: 12px;
227
- font-style: normal;
228
- font-weight: 450;
229
- line-height: 16px; /* 133.333% */
230
- letter-spacing: 0.1px;
231
- color: #e3292f;
232
- }
233
- .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__successHelperText {
234
- width: 100%;
235
- overflow: hidden;
236
- color: #328707;
237
- text-overflow: ellipsis;
238
- font-family: "Inter-Medium";
239
- font-size: 12px;
240
- font-style: normal;
241
- font-weight: 450;
242
- line-height: 16px; /* 133.333% */
243
- letter-spacing: 0.1px;
244
- color: #328707;
245
- }@font-face {
246
- font-family: "Inter-Regular";
247
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
248
- }
249
- @font-face {
250
- font-family: "Inter-SemiBold";
251
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
252
- }
253
- @font-face {
254
- font-family: "Inter-Medium";
255
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
256
- }
257
- .Skeleton-module__skeleton {
258
- background-color: #e0e0e0;
259
- border-radius: 4px;
260
- position: relative;
261
- overflow: hidden;
262
- display: grid;
263
- place-items: center;
264
- }
265
- .Skeleton-module__skeleton::after {
266
- content: "";
267
- position: absolute;
268
- top: 0;
269
- left: 0;
270
- right: 0;
271
- bottom: 0;
272
- background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
273
- animation: Skeleton-module__shimmer 1.5s infinite;
274
- }
275
-
276
- .Skeleton-module__text {
277
- height: 1rem;
278
- width: 100%;
279
- margin: 8px 0;
280
- }
281
-
282
- .Skeleton-module__avatar {
283
- height: 40px;
284
- width: 40px;
285
- border-radius: 50%;
286
- }
287
-
288
- @keyframes Skeleton-module__shimmer {
289
- 0% {
290
- transform: translateX(-100%);
291
- }
292
- 100% {
293
- transform: translateX(100%);
294
- }
295
- }
296
- .Skeleton-module__dark.Skeleton-module__skeleton {
297
- background-color: #5a5a5a;
298
- }
299
- .Skeleton-module__dark.Skeleton-module__skeleton::after {
300
- background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);
301
- }@font-face {
302
- font-family: "Inter-Regular";
303
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
304
- }
305
- @font-face {
306
- font-family: "Inter-SemiBold";
307
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
308
- }
309
- @font-face {
310
- font-family: "Inter-Medium";
311
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
312
- }
313
- .Popup-module__modalOverlay {
314
- width: 100vw;
315
- height: 100vh;
316
- display: grid;
317
- place-items: center;
318
- position: fixed;
319
- top: 0;
320
- left: 0;
321
- z-index: 250;
322
- background: rgba(10, 13, 18, 0.7);
323
- }
324
- .Popup-module__modalOverlay ::-webkit-scrollbar {
325
- width: 0;
326
- }
327
- .Popup-module__modalOverlay ::-webkit-scrollbar-track {
328
- -webkit-box-shadow: none;
329
- }
330
- .Popup-module__modalOverlay ::-webkit-scrollbar-thumb {
331
- background-color: none;
332
- outline: 0;
333
- }
334
- .Popup-module__modalOverlay.Popup-module__popupDrawerMode {
335
- overflow: hidden;
336
- place-items: end;
337
- }
338
- .Popup-module__modalOverlay.Popup-module__popupDrawerMode .Popup-module__popupContainer {
339
- min-height: unset;
340
- max-height: unset;
341
- min-width: 17.5rem;
342
- height: 100vh;
343
- animation: Popup-module__EnterFromLeft 0.3s forwards;
344
- }
345
- @keyframes Popup-module__EnterFromLeft {
346
- from {
347
- left: 100%;
348
- }
349
- to {
350
- left: 0;
351
- }
352
- }
353
- .Popup-module__modalOverlay .Popup-module__popupContainer {
354
- padding: 1.5rem;
355
- min-height: 13.75rem;
356
- max-height: calc(100vh - 5.625rem);
357
- position: relative;
358
- transition: 0.2s;
359
- z-index: 280;
360
- border-radius: 0.75rem;
361
- background: #fff;
362
- /* Shadows/shadow-xl */
363
- 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);
364
- animation: Popup-module__fadeIn 0.3s forwards;
365
- }
366
- @keyframes Popup-module__fadeIn {
367
- from {
368
- opacity: 0;
369
- }
370
- to {
371
- opacity: 1;
372
- }
373
- }
374
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__closeButton {
375
- display: grid;
376
- place-items: center;
377
- cursor: pointer;
378
- position: absolute;
379
- top: 1.25rem;
380
- right: 1.5rem;
381
- z-index: 14;
382
- }
383
- .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions {
384
- width: 25rem;
385
- }
386
- .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions.Popup-module__horizontal {
387
- width: 34rem;
388
- }
389
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
390
- width: 100%;
391
- position: sticky;
392
- top: 0;
393
- background: #ffffff;
394
- z-index: 1;
395
- }
396
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle {
397
- margin-top: 1rem;
398
- }
399
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
400
- color: #181d27;
401
- font-size: 1.125rem;
402
- font-style: normal;
403
- font-weight: 600;
404
- line-height: 1.75rem; /* 155.556% */
405
- font-family: "Inter-Regular", sans-serif;
406
- line-height: 1.75rem; /* 155.556% */
407
- }
408
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription {
409
- margin-top: 0.25rem;
410
- }
411
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
412
- color: #535862;
413
- font-size: 0.875rem;
414
- font-style: normal;
415
- font-weight: 400;
416
- line-height: 1.25rem; /* 142.857% */
417
- font-family: "Inter-Regular", sans-serif;
418
- }
419
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon {
420
- display: flex;
421
- align-items: center;
422
- justify-content: space-between;
423
- }
424
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon .Popup-module__icon {
425
- display: grid;
426
- place-items: center;
427
- width: 3rem;
428
- height: 3rem;
429
- border-radius: 624.9375rem;
430
- }
431
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__templateWrapper {
432
- width: 100%;
433
- position: relative;
434
- }
435
-
436
- .Popup-module__dark.Popup-module__modalOverlay {
437
- background: rgba(34, 38, 47, 0.4588235294);
438
- }
439
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer {
440
- background: #0c0e12;
441
- /* Shadows/shadow-xl */
442
- 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);
443
- }
444
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
445
- background: #0c0e12;
446
- }
447
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
448
- color: #f7f7f7;
449
- }
450
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
451
- color: #94979c;
452
- }@font-face {
453
- font-family: "Inter-Regular";
454
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
455
- }
456
- @font-face {
457
- font-family: "Inter-SemiBold";
458
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
459
- }
460
- @font-face {
461
- font-family: "Inter-Medium";
462
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
463
- }
464
- .Radio-module__radioWrapper {
465
- width: 24px;
466
- height: 24px;
467
- border-radius: 50%;
468
- overflow: hidden;
469
- position: relative;
470
- cursor: pointer;
471
- transition: 0.2s;
472
- }@font-face {
473
- font-family: "Inter-Regular";
474
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
475
- }
476
- @font-face {
477
- font-family: "Inter-SemiBold";
478
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
479
- }
480
- @font-face {
481
- font-family: "Inter-Medium";
482
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
483
- }
484
- .ActionDropdown-module__actionDropdownContainer {
485
- width: 100%;
486
- }
487
- .ActionDropdown-module__actionDropdownContainer.ActionDropdown-module__collapsed .ActionDropdown-module__actionDropdownIcon {
488
- transform: rotate(180deg);
489
- }
490
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent {
491
- width: 100%;
492
- border-radius: 6px;
493
- background: #f2f2f2;
494
- display: flex;
495
- align-items: center;
496
- justify-content: space-between;
497
- cursor: pointer;
498
- user-select: none;
499
- -webkit-user-select: none;
500
- -moz-user-select: none;
501
- -ms-user-select: none;
502
- }
503
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownTitle {
504
- width: 90%;
505
- white-space: nowrap;
506
- overflow: hidden;
507
- color: #131314;
508
- font-feature-settings: "liga" off, "clig" off;
509
- text-overflow: ellipsis;
510
- font-family: "Inter-Regular", sans-serif;
511
- font-size: 14px;
512
- font-weight: 400;
513
- line-height: 24px;
514
- letter-spacing: 0.1px;
515
- border-right: 1px solid #ffffff;
516
- padding: 8px 16px;
517
- }
518
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownIcon {
519
- display: flex;
520
- align-items: center;
521
- justify-content: center;
522
- padding: 8px;
523
- width: 40px;
524
- height: 40px;
525
- transition: transform 0.2s ease-in-out;
526
- }
527
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList {
528
- width: 100%;
529
- border-radius: 12px;
530
- border: 1px solid #e6e6e6;
531
- background: #fff;
532
- box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
533
- height: 250px;
534
- overflow: auto;
535
- padding: 8px;
536
- }
537
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem {
538
- width: 100%;
539
- border-radius: 4px;
540
- background: #fff;
541
- padding: 6px 10px;
542
- overflow: hidden;
543
- color: #131314;
544
- font-feature-settings: "liga" off, "clig" off;
545
- text-overflow: ellipsis;
546
- font-family: "Inter-Regular", sans-serif;
547
- font-size: 14px;
548
- font-weight: 400;
549
- line-height: 24px;
550
- letter-spacing: 0.1px;
551
- cursor: pointer;
552
- }
553
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem:hover, .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem.ActionDropdown-module__selected {
554
- border-radius: 4px;
555
- background: #f2f2f2;
556
- }@font-face {
557
- font-family: "Inter-Regular";
558
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
559
- }
560
- @font-face {
561
- font-family: "Inter-SemiBold";
562
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
563
- }
564
- @font-face {
565
- font-family: "Inter-Medium";
566
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
567
- }
568
- button.MainButton-module__mainButton {
569
- width: 100%;
570
- display: flex;
571
- padding: 8px;
572
- justify-content: center;
573
- align-items: center;
574
- border-radius: 6px;
575
- min-width: 100px;
576
- outline: none;
577
- border: none;
578
- cursor: pointer;
579
- user-select: none;
580
- -webkit-user-select: none;
581
- -moz-user-select: none;
582
- -ms-user-select: none;
583
- }
584
- button.MainButton-module__mainButton.MainButton-module__sm {
585
- height: 32px;
586
- }
587
- button.MainButton-module__mainButton.MainButton-module__md {
588
- height: 36px;
589
- }
590
- button.MainButton-module__mainButton.MainButton-module__lg {
591
- height: 40px;
592
- }
593
- button.MainButton-module__mainButton .MainButton-module__mainButtonContent {
594
- width: 100%;
595
- display: flex;
596
- align-items: center;
597
- justify-content: center;
598
- gap: 8px;
599
- }
600
- button.MainButton-module__mainButton .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
601
- overflow: hidden;
602
- text-overflow: ellipsis;
603
- font-family: "Inter-Regular", sans-serif;
604
- font-size: 14px;
605
- font-style: normal;
606
- font-weight: 450;
607
- line-height: 24px; /* 171.429% */
608
- letter-spacing: 0.1px;
609
- }
610
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral {
611
- background: #0058ff;
612
- }
613
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__loading {
614
- cursor: no-drop;
615
- }
616
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
617
- background: #004fe5 !important;
618
- }
619
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__disabled {
620
- background: #95969c;
621
- cursor: not-allowed;
622
- }
623
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__focused {
624
- outline: 2px solid #dee9fc;
625
- outline-offset: 0px;
626
- background: #0058ff;
627
- }
628
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
629
- color: #fff;
630
- }
631
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive {
632
- background: #328707;
633
- }
634
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__loading {
635
- cursor: no-drop;
636
- }
637
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
638
- background: #266905 !important;
639
- }
640
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__disabled {
641
- background: #95969c;
642
- cursor: not-allowed;
643
- }
644
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__focused {
645
- outline: 2px solid #c3ebb0;
646
- outline-offset: 0px;
647
- background: #328707;
648
- }
649
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
650
- color: #fff;
651
- }
652
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative {
653
- background: #e3292f;
654
- }
655
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__loading {
656
- cursor: no-drop;
657
- }
658
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
659
- background: #db1d23 !important;
660
- }
661
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__disabled {
662
- background: #95969c;
663
- cursor: not-allowed;
664
- }
665
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__focused {
666
- outline: 2px solid #fcdcdc;
667
- outline-offset: 0px;
668
- background: #e3292f;
669
- }
670
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
671
- color: #fff;
672
- }
673
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral {
674
- background: #ecf3ff;
675
- }
676
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__loading {
677
- cursor: no-drop;
678
- }
679
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
680
- background: #dee9fc !important;
681
- }
682
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__disabled {
683
- background: #f2f2f2;
684
- cursor: not-allowed;
685
- }
686
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
687
- color: #7a7b80;
688
- }
689
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__focused {
690
- outline-offset: 0px;
691
- background: #ecf3ff;
692
- box-shadow: 0px 0px 0px 2px #0058ff;
693
- }
694
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
695
- color: #0058ff;
696
- }
697
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive {
698
- background: #effce8;
699
- }
700
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__loading {
701
- cursor: no-drop;
702
- }
703
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
704
- background: #e0fad2 !important;
705
- }
706
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__disabled {
707
- background: #95969c;
708
- cursor: not-allowed;
709
- }
710
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__focused {
711
- outline: 2px solid #60bf30;
712
- outline-offset: 0px;
713
- background: #effce8;
714
- }
715
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
716
- color: #328707;
717
- }
718
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative {
719
- background: #fff2f2;
720
- }
721
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__loading {
722
- cursor: no-drop;
723
- }
724
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
725
- background: #fcdcdc !important;
726
- }
727
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__disabled {
728
- background: #95969c;
729
- cursor: not-allowed;
730
- }
731
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__focused {
732
- outline: 2px solid #ff5757;
733
- outline-offset: 0px;
734
- background: #fff2f2;
735
- }
736
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
737
- color: #db1d23;
738
- }
739
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral {
740
- background: #f2f2f2;
741
- }
742
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__loading {
743
- cursor: no-drop;
744
- }
745
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
746
- background: #e6e6e6 !important;
747
- }
748
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__disabled {
749
- background: #f2f2f2;
750
- cursor: not-allowed;
751
- }
752
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
753
- color: #7a7b80;
754
- }
755
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__focused {
756
- outline: 2px solid #c1c2c7;
757
- outline-offset: 0px;
758
- background: #f2f2f2;
759
- }
760
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
761
- color: #131314;
762
- }
763
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive {
764
- background: #fff;
765
- }
766
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__loading {
767
- cursor: no-drop;
768
- }
769
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
770
- background: #effce8 !important;
771
- }
772
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__disabled {
773
- background: #fff;
774
- cursor: not-allowed;
775
- }
776
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
777
- color: #7a7b80;
778
- }
779
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__focused {
780
- outline: 2px solid #91e766;
781
- outline-offset: 0px;
782
- background: #fff;
783
- }
784
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
785
- color: #328707;
786
- }
787
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative {
788
- background: #fff;
789
- }
790
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__loading {
791
- cursor: no-drop;
792
- }
793
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
794
- background: #fff2f2 !important;
795
- }
796
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__disabled {
797
- background: #fff;
798
- cursor: not-allowed;
799
- }
800
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
801
- color: #7a7b80;
802
- }
803
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__focused {
804
- outline: 2px solid #fcdcdc;
805
- outline-offset: 0px;
806
- background: #fff;
807
- }
808
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
809
- color: #e3292f;
810
- }
811
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2 {
812
- background: #fff;
813
- }
814
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__loading {
815
- cursor: no-drop;
816
- }
817
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
818
- background: #ecf3ff !important;
819
- }
820
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__disabled {
821
- background: #f2f2f2;
822
- cursor: not-allowed;
823
- }
824
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
825
- color: #7a7b80;
826
- }
827
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__focused {
828
- outline: 2px solid #dee9fc;
829
- outline-offset: 0px;
830
- background: #fff;
831
- }
832
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2 .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
833
- color: #0058ff;
834
- }
835
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3 {
836
- border: 1px solid #e6e6e6;
837
- background: #fff;
838
- }
839
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__loading {
840
- cursor: no-drop;
841
- }
842
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
843
- border-color: #c1c2c7 !important;
844
- }
845
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled {
846
- background: #fff;
847
- border: 1px solid #e6e6e6;
848
- cursor: not-allowed;
849
- }
850
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
851
- color: #7a7b80;
852
- }
853
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__focused {
854
- border: 1px solid transparent;
855
- outline: 2px solid #dee9fc;
856
- outline-offset: 0px;
857
- background: #fff;
858
- }
859
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
860
- color: #0058ff;
861
- }@font-face {
862
- font-family: "Inter-Regular";
863
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
864
- }
865
- @font-face {
866
- font-family: "Inter-SemiBold";
867
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
868
- }
869
- @font-face {
870
- font-family: "Inter-Medium";
871
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
872
- }
873
- .Toggle-module__toggleWrapper {
874
- position: relative;
875
- overflow: hidden;
876
- border-radius: 13.333px;
877
- background: #c1c2c7;
878
- padding: 4px;
879
- cursor: pointer;
880
- }
881
- .Toggle-module__toggleWrapper.Toggle-module__checked {
882
- background: #0058FF;
883
- }
884
- .Toggle-module__toggleWrapper.Toggle-module__error {
885
- background: #e3292f;
886
- }
887
- .Toggle-module__toggleWrapper.Toggle-module__disabled {
888
- background: #d4d5d6;
889
- cursor: not-allowed;
890
- }
891
- .Toggle-module__toggleWrapper.Toggle-module__disabled.Toggle-module__checked {
892
- background: #95969c;
893
- }
894
- .Toggle-module__toggleWrapper.Toggle-module__sm {
895
- width: 24px;
896
- height: 16px;
897
- }
898
- .Toggle-module__toggleWrapper.Toggle-module__sm.Toggle-module__checked .Toggle-module__toggleState {
899
- left: calc(100% - 12px);
900
- }
901
- .Toggle-module__toggleWrapper.Toggle-module__sm .Toggle-module__toggleState {
902
- width: 8px;
903
- height: 8px;
904
- }
905
- .Toggle-module__toggleWrapper.Toggle-module__md {
906
- width: 32px;
907
- height: 20px;
908
- }
909
- .Toggle-module__toggleWrapper.Toggle-module__md.Toggle-module__checked .Toggle-module__toggleState {
910
- left: calc(100% - 16px);
911
- }
912
- .Toggle-module__toggleWrapper.Toggle-module__md .Toggle-module__toggleState {
913
- width: 12px;
914
- height: 12px;
915
- }
916
- .Toggle-module__toggleWrapper.Toggle-module__lg {
917
- width: 40px;
918
- height: 24px;
919
- }
920
- .Toggle-module__toggleWrapper.Toggle-module__lg .Toggle-module__toggleState {
921
- width: 16px;
922
- height: 16px;
923
- }
924
- .Toggle-module__toggleWrapper.Toggle-module__lg.Toggle-module__checked .Toggle-module__toggleState {
925
- left: calc(100% - 20px);
926
- }
927
- .Toggle-module__toggleWrapper .Toggle-module__toggleState {
928
- border-radius: 8px;
929
- background: #fff;
930
- position: absolute;
931
- top: 50%;
932
- left: 4px;
933
- transform: translateY(-50%);
934
- transition: 0.2s all;
935
- }@font-face {
936
- font-family: "Inter-Regular";
937
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
938
- }
939
- @font-face {
940
- font-family: "Inter-SemiBold";
941
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
942
- }
943
- @font-face {
944
- font-family: "Inter-Medium";
945
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
946
- }
947
- .Checkbox-module__checkboxWrapper {
948
- overflow: hidden;
949
- border: 2px solid #c1c2c7;
950
- background: #ffffff;
951
- position: relative;
952
- padding: 5px 4px;
953
- border-radius: 3px;
954
- cursor: pointer;
955
- transition: 0.2;
956
- display: grid;
957
- place-items: center;
958
- width: 18px;
959
- height: 18px;
960
- user-select: none;
961
- -webkit-user-select: none;
962
- -moz-user-select: none;
963
- -ms-user-select: none;
964
- }
965
- .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark {
966
- display: grid;
967
- place-items: center;
968
- }
969
- .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark svg {
970
- width: 0.625rem;
971
- user-select: none;
972
- pointer-events: none;
973
- }
974
- .Checkbox-module__checkboxWrapper.Checkbox-module__error {
975
- border-color: #e3292f;
976
- }
977
- .Checkbox-module__checkboxWrapper.Checkbox-module__error.Checkbox-module__checked {
978
- background: #e3292f;
979
- border: none;
980
- }
981
- .Checkbox-module__checkboxWrapper.Checkbox-module__checked {
982
- background: #0058ff;
983
- border: none;
984
- }
985
- .Checkbox-module__checkboxWrapper.Checkbox-module__checked.Checkbox-module__disabled {
986
- background: #95969c;
987
- }
988
- .Checkbox-module__checkboxWrapper.Checkbox-module__disabled {
989
- cursor: not-allowed;
990
- border-color: #c1c2c7 !important;
991
- }
992
-
993
- .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked {
994
- background: #32b45f;
995
- border: 0.0625rem solid #32b45f;
996
- }
997
- .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked:hover {
998
- background: #24994d;
999
- border: 0.0625rem solid #24994d;
1000
- }
1001
-
1002
- .Checkbox-module__dark {
1003
- background: #373a41;
1004
- border: unset;
1005
- }
1006
- .Checkbox-module__dark.Checkbox-module__checked {
1007
- background: #0158ff;
1008
- border: 0.0625rem solid #0158ff;
1009
- }
1010
- .Checkbox-module__dark.Checkbox-module__checked.Checkbox-module__disabled svg path {
1011
- stroke: #d5d7da;
1012
- }
1013
- .Checkbox-module__dark.Checkbox-module__disabled {
1014
- background: #8d8d8d !important;
1015
- border: 0.0625rem solid #373a41 !important;
1016
- }@font-face {
1017
- font-family: "Inter-Regular";
1018
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1019
- }
1020
- @font-face {
1021
- font-family: "Inter-SemiBold";
1022
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1023
- }
1024
- @font-face {
1025
- font-family: "Inter-Medium";
1026
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1027
- }
1028
- .NotificationToast-module__toastContainer {
1029
- display: flex;
1030
- flex-direction: column;
1031
- gap: 10px;
1032
- position: fixed;
1033
- z-index: 9999999;
1034
- width: 328px;
1035
- }
1036
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast {
1037
- padding: 8px;
1038
- border-radius: 8px;
1039
- width: 100%;
1040
- }
1041
- @keyframes NotificationToast-module__fadeIn {
1042
- from {
1043
- opacity: 0;
1044
- transform: translateY(-10px);
1045
- }
1046
- to {
1047
- opacity: 1;
1048
- transform: translateY(0);
1049
- }
1050
- }
1051
- @keyframes NotificationToast-module__fadeOut {
1052
- from {
1053
- opacity: 1;
1054
- transform: translateY(0);
1055
- }
1056
- to {
1057
- opacity: 0;
1058
- transform: translateY(-10px);
1059
- }
1060
- }
1061
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeIn {
1062
- animation: NotificationToast-module__fadeIn 0.3s ease-out;
1063
- }
1064
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeOut {
1065
- animation: NotificationToast-module__fadeOut 0.3s ease-in forwards;
1066
- }
1067
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral {
1068
- background: #131314;
1069
- }
1070
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled {
1071
- border: 1px solid #222224;
1072
- background: #f2f2f2;
1073
- }
1074
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
1075
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
1076
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
1077
- color: #131314 !important;
1078
- }
1079
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info {
1080
- background: #0058ff;
1081
- }
1082
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled {
1083
- border: 1px solid #0058ff;
1084
- background: #ecf3ff;
1085
- }
1086
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
1087
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
1088
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
1089
- color: #0058ff !important;
1090
- }
1091
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error {
1092
- background: #e3292f;
1093
- }
1094
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled {
1095
- border: 1px solid #f63e45;
1096
- background: #fff2f2;
1097
- }
1098
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
1099
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
1100
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
1101
- color: #e3292f !important;
1102
- }
1103
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success {
1104
- background: #328707;
1105
- }
1106
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled {
1107
- border: 1px solid #399c08;
1108
- background: #effce8;
1109
- }
1110
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
1111
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
1112
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
1113
- color: #328707 !important;
1114
- }
1115
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent {
1116
- width: 100%;
1117
- display: flex;
1118
- align-items: center;
1119
- justify-content: space-between;
1120
- }
1121
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft {
1122
- width: 100%;
1123
- display: flex;
1124
- align-items: center;
1125
- gap: 8px;
1126
- }
1127
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentInfoIcon {
1128
- display: flex;
1129
- align-items: center;
1130
- justify-content: center;
1131
- }
1132
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText {
1133
- width: 100%;
1134
- display: flex;
1135
- flex-direction: column;
1136
- gap: 10px;
1137
- }
1138
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextTitle {
1139
- width: 100%;
1140
- overflow: hidden;
1141
- color: #fff;
1142
- text-overflow: ellipsis;
1143
- font-family: "Inter-Medium", sans-serif;
1144
- font-size: 14px;
1145
- font-style: normal;
1146
- font-weight: 450;
1147
- letter-spacing: 0.1px;
1148
- }
1149
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextDescription {
1150
- width: 100%;
1151
- color: #fff;
1152
- font-family: "Inter-Regular", sans-serif;
1153
- font-size: 14px;
1154
- font-style: normal;
1155
- font-weight: 400;
1156
- letter-spacing: 0px;
1157
- }
1158
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight {
1159
- display: flex;
1160
- align-items: center;
1161
- gap: 10px;
1162
- }
1163
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight * {
1164
- user-select: none;
1165
- -webkit-user-select: none;
1166
- -moz-user-select: none;
1167
- -ms-user-select: none;
1168
- user-select: none;
1169
- -webkit-user-select: none;
1170
- -moz-user-select: none;
1171
- -ms-user-select: none;
1172
- }
1173
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightUndoText {
1174
- overflow: hidden;
1175
- color: #fff;
1176
- text-align: center;
1177
- font-feature-settings: "liga" off, "clig" off;
1178
- text-overflow: ellipsis;
1179
- font-family: "Inter-Medium", sans-serif;
1180
- font-size: 14px;
1181
- font-style: normal;
1182
- font-weight: 450;
1183
- line-height: 24px;
1184
- letter-spacing: 0.1px;
1185
- cursor: pointer;
1186
- }
1187
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightClose {
1188
- display: flex;
1189
- align-items: center;
1190
- justify-content: center;
1191
- cursor: pointer;
1192
- padding-left: 10px;
1193
- border-left: 2px solid rgba(255, 255, 255, 0.25);
1194
- }@font-face {
1195
- font-family: "Inter-Regular";
1196
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1197
- }
1198
- @font-face {
1199
- font-family: "Inter-SemiBold";
1200
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1201
- }
1202
- @font-face {
1203
- font-family: "Inter-Medium";
1204
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1205
- }
1206
- .Tooltip-module__tooltipContainer {
1207
- position: relative;
1208
- }
1209
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent {
1210
- border-radius: 0.5rem;
1211
- background: #181d27;
1212
- padding: 0.75rem;
1213
- max-width: 200px;
1214
- min-width: 118px;
1215
- position: absolute;
1216
- z-index: 99999;
1217
- word-break: break-word;
1218
- /* Absolute positioning */
1219
- /* CSS border triangles */
1220
- /* Absolute positioning */
1221
- /* CSS border triangles */
1222
- /* Absolute positioning */
1223
- /* CSS border triangles */
1224
- /* Absolute positioning */
1225
- /* CSS border triangles */
1226
- }
1227
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__withoutPointer::before {
1228
- all: initial;
1229
- }
1230
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent::before {
1231
- content: " ";
1232
- left: 50%;
1233
- border: solid transparent;
1234
- height: 0;
1235
- width: 0;
1236
- position: absolute;
1237
- pointer-events: none;
1238
- border-width: 6px;
1239
- margin-left: -6px;
1240
- }
1241
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__top::before {
1242
- top: 100%;
1243
- border-top-color: #181d27;
1244
- left: var(--pointer-position);
1245
- }
1246
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__right::before {
1247
- left: -6px;
1248
- top: 50%;
1249
- transform: translateX(0) translateY(-50%);
1250
- border-right-color: #181d27;
1251
- }
1252
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom::before {
1253
- bottom: 100%;
1254
- left: var(--pointer-position);
1255
- border-bottom-color: #181d27;
1256
- }
1257
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left::before {
1258
- left: auto;
1259
- right: -12px;
1260
- top: 50%;
1261
- transform: translateX(0) translateY(-50%);
1262
- border-left-color: #181d27;
1263
- }
1264
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipTitle {
1265
- width: 100%;
1266
- word-break: break-word;
1267
- color: #fff;
1268
- font-family: "Inter-Regular", sans-serif;
1269
- font-size: 0.75rem;
1270
- font-style: normal;
1271
- font-weight: 600;
1272
- line-height: 1.125rem; /* 150% */
1273
- }
1274
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipText {
1275
- width: 100%;
1276
- word-break: break-word;
1277
- color: rgba(255, 255, 255, 0.9);
1278
- font-family: "Inter-Regular", sans-serif;
1279
- font-size: 0.75rem;
1280
- font-style: normal;
1281
- font-weight: 500;
1282
- line-height: 1.125rem; /* 150% */
1283
- }
1284
-
1285
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent {
1286
- background: #ffffff;
1287
- }
1288
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__top::before {
1289
- border-top-color: #ffffff;
1290
- left: var(--pointer-position);
1291
- }
1292
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__right::before {
1293
- border-right-color: #ffffff;
1294
- }
1295
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom::before {
1296
- border-bottom-color: #ffffff;
1297
- }
1298
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left::before {
1299
- border-left-color: #ffffff;
1300
- }
1301
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipTitle {
1302
- color: #0c0e12;
1303
- }
1304
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipText {
1305
- color: rgba(12, 14, 18, 0.9);
1306
- }@font-face {
1307
- font-family: "Inter-Regular";
1308
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1309
- }
1310
- @font-face {
1311
- font-family: "Inter-SemiBold";
1312
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1313
- }
1314
- @font-face {
1315
- font-family: "Inter-Medium";
1316
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1317
- }
1318
- .Textarea-module__textareaContainer {
1319
- width: 100%;
1320
- display: flex;
1321
- flex-direction: column;
1322
- align-items: flex-start;
1323
- gap: 0.375rem;
1324
- flex-shrink: 0;
1325
- }
1326
- .Textarea-module__textareaContainer .Textarea-module__textAreaLabel {
1327
- display: flex;
1328
- justify-content: space-between;
1329
- display: flex;
1330
- align-items: center;
1331
- gap: 0.125rem;
1332
- width: 100%;
1333
- }
1334
- .Textarea-module__textareaContainer .Textarea-module__textAreaLabel p {
1335
- width: 100%;
1336
- width: 100%;
1337
- overflow: hidden;
1338
- color: #131314;
1339
- font-family: "Inter-Medium";
1340
- font-size: 12px;
1341
- font-style: normal;
1342
- font-weight: 450;
1343
- line-height: 16px; /* 171.429% */
1344
- letter-spacing: 0.1px;
1345
- }
1346
- .Textarea-module__textareaContainer .Textarea-module__textAreaLabel .Textarea-module__required {
1347
- color: #d92d20;
1348
- font-size: 0.875rem;
1349
- font-family: "Inter-Regular", sans-serif;
1350
- font-style: normal;
1351
- font-weight: 500;
1352
- line-height: 1.25rem;
1353
- }
1354
- .Textarea-module__textareaContainer .Textarea-module__wrap {
1355
- position: relative;
1356
- display: inline-block;
1357
- width: 100%;
1358
- position: relative;
1359
- }
1360
- .Textarea-module__textareaContainer .Textarea-module__wrap.Textarea-module__resize textarea {
1361
- resize: both;
1362
- }
1363
- .Textarea-module__textareaContainer .Textarea-module__wrap.Textarea-module__resize:after {
1364
- 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");
1365
- width: 0.9375rem;
1366
- background: transparent;
1367
- position: absolute;
1368
- right: 0.125rem;
1369
- bottom: 0.3125rem;
1370
- pointer-events: none;
1371
- border-radius: 25%;
1372
- }
1373
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textareaIconClose {
1374
- position: absolute;
1375
- right: 8px;
1376
- top: 8px;
1377
- cursor: pointer;
1378
- }
1379
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea {
1380
- width: 100%;
1381
- border-radius: 6px;
1382
- border: 1px solid #c1c2c7;
1383
- background: #fff;
1384
- padding: 8px 12px;
1385
- resize: none;
1386
- width: 100%;
1387
- overflow: hidden;
1388
- color: #131314;
1389
- text-overflow: ellipsis;
1390
- font-family: "Inter-Regular";
1391
- font-size: 14px;
1392
- font-style: normal;
1393
- font-weight: 400;
1394
- line-height: 24px; /* 171.429% */
1395
- letter-spacing: 0.1px;
1396
- }
1397
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-resizer {
1398
- display: none;
1399
- }
1400
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar {
1401
- width: 0;
1402
- }
1403
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-track {
1404
- -webkit-box-shadow: none;
1405
- }
1406
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-thumb {
1407
- background-color: none;
1408
- outline: 0;
1409
- }
1410
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorState {
1411
- border-radius: 6px;
1412
- background: #fff;
1413
- outline: 1px solid #f63e45;
1414
- outline-offset: -1px;
1415
- box-shadow: none;
1416
- }
1417
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__focused {
1418
- border-radius: 6px;
1419
- background: #fff;
1420
- outline: 2px solid #0058ff;
1421
- outline-offset: -2px;
1422
- box-shadow: none;
1423
- }
1424
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__active {
1425
- border-radius: 6px;
1426
- background: #fff;
1427
- outline: 1.5px solid #0058ff;
1428
- outline-offset: -1.5px;
1429
- box-shadow: 0 0 0 2px #dee9fc;
1430
- }
1431
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorFocused {
1432
- border-radius: 6px;
1433
- background: #fff;
1434
- outline: 2px solid #f63e45;
1435
- outline-offset: -2px;
1436
- box-shadow: none;
1437
- }
1438
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorActive {
1439
- border-radius: 6px;
1440
- background: #fff;
1441
- outline: 1.5px solid #f63e45;
1442
- outline-offset: -1.5px;
1443
- box-shadow: 0 0 0 2px #fcdcdd;
1444
- }
1445
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::placeholder {
1446
- width: 100%;
1447
- overflow: hidden;
1448
- color: #646569;
1449
- text-overflow: ellipsis;
1450
- font-family: "Inter-Regular";
1451
- font-size: 14px;
1452
- font-style: normal;
1453
- font-weight: 400;
1454
- line-height: 24px; /* 171.429% */
1455
- letter-spacing: 0.1px;
1456
- }
1457
- .Textarea-module__textareaContainer .Textarea-module__textareaFooter {
1458
- width: 100%;
1459
- display: flex;
1460
- justify-content: flex-end;
1461
- align-items: center;
1462
- }
1463
- .Textarea-module__textareaContainer .Textarea-module__textareaFooter p {
1464
- color: #131314;
1465
- text-align: right;
1466
- font-family: "Inter-Medium", sans-serif;
1467
- font-size: 12px;
1468
- font-style: normal;
1469
- font-weight: 450;
1470
- line-height: 16px; /* 133.333% */
1471
- letter-spacing: 0.1px;
1472
- }@font-face {
1473
- font-family: "Inter-Regular";
1474
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1475
- }
1476
- @font-face {
1477
- font-family: "Inter-SemiBold";
1478
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1479
- }
1480
- @font-face {
1481
- font-family: "Inter-Medium";
1482
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1483
- }
1484
- .TimePicker-module__timepickerWrapper {
1485
- user-select: none;
1486
- scroll-behavior: smooth;
1487
- width: 100%;
1488
- }
1489
- .TimePicker-module__timepickerWrapper * {
1490
- scrollbar-width: none;
1491
- }
1492
- .TimePicker-module__timepickerWrapper *::-webkit-scrollbar {
1493
- display: none;
1494
- }
1495
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper {
1496
- width: 100%;
1497
- }
1498
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon {
1499
- display: flex;
1500
- align-items: center;
1501
- gap: 8px;
1502
- margin: 8px;
1503
- }
1504
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon .TimePicker-module__dropdownRightIconClose {
1505
- display: flex;
1506
- align-items: center;
1507
- justify-content: center;
1508
- cursor: pointer;
1509
- }
1510
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon .TimePicker-module__dropdownRightIconArrow {
1511
- display: flex;
1512
- align-items: center;
1513
- justify-content: center;
1514
- cursor: pointer;
1515
- transition: transform 0.2s ease-in-out;
1516
- }
1517
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon.TimePicker-module__focused .TimePicker-module__dropdownRightIconArrow {
1518
- transform: rotate(180deg);
1519
- }
1520
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper {
1521
- width: 218px;
1522
- border-radius: 12px;
1523
- box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
1524
- border: 1px solid #e6e6e6;
1525
- background: #fff;
1526
- display: flex;
1527
- flex-direction: column;
1528
- gap: 8px;
1529
- }
1530
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader {
1531
- padding: 8px 8px 0 8px;
1532
- }
1533
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader .TimePicker-module__timepickerDropdownHeaderButtons {
1534
- width: 100%;
1535
- display: flex;
1536
- justify-content: space-between;
1537
- gap: 2px;
1538
- border-radius: 8px;
1539
- background: #f2f2f2;
1540
- padding: 2px;
1541
- }
1542
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader p {
1543
- padding: 5px 20px;
1544
- color: #646569;
1545
- font-feature-settings: "liga" off, "clig" off;
1546
- font-family: "Inter-Regular", sans-serif;
1547
- font-size: 14px;
1548
- font-style: normal;
1549
- font-weight: 400;
1550
- line-height: 24px; /* 171.429% */
1551
- letter-spacing: 0.1px;
1552
- cursor: pointer;
1553
- }
1554
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader p.TimePicker-module__active {
1555
- color: #131314;
1556
- border-radius: 6px 6px 6px 6px;
1557
- background: #fff;
1558
- box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
1559
- }
1560
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody {
1561
- width: 100%;
1562
- display: flex;
1563
- border-top: 1px solid #e6e6e6;
1564
- border-bottom: 1px solid #e6e6e6;
1565
- }
1566
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody .TimePicker-module__timepickerDropdownBodyHours {
1567
- width: 50%;
1568
- display: flex;
1569
- flex-direction: column;
1570
- align-items: center;
1571
- height: 230px;
1572
- overflow-y: auto;
1573
- border-right: 1px solid #e6e6e6;
1574
- padding: 8px;
1575
- }
1576
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody .TimePicker-module__timepickerDropdownBodyMinutes {
1577
- width: 50%;
1578
- display: flex;
1579
- flex-direction: column;
1580
- align-items: center;
1581
- height: 230px;
1582
- overflow-y: auto;
1583
- padding: 8px;
1584
- }
1585
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody .TimePicker-module__timepickerDropdownBodyAmPm {
1586
- width: 50%;
1587
- display: flex;
1588
- flex-direction: column;
1589
- align-items: center;
1590
- height: 230px;
1591
- overflow-y: auto;
1592
- border-left: 1px solid #e6e6e6;
1593
- padding: 8px;
1594
- }
1595
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody p {
1596
- padding: 6px 10px;
1597
- border-radius: 4px;
1598
- cursor: pointer;
1599
- width: 100%;
1600
- color: #131314;
1601
- text-align: center;
1602
- font-feature-settings: "liga" off, "clig" off;
1603
- text-overflow: ellipsis;
1604
- /* UI/14 regular */
1605
- font-family: "Inter-Regular", sans-serif;
1606
- font-size: 14px;
1607
- font-style: normal;
1608
- font-weight: 400;
1609
- line-height: 24px; /* 171.429% */
1610
- letter-spacing: 0.1px;
1611
- }
1612
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody p:hover {
1613
- background: #fafafa;
1614
- }
1615
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody p.TimePicker-module__active {
1616
- background: #ECF3FF;
1617
- color: #0058FF;
1618
- }
1619
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownFooter {
1620
- padding: 8px;
1621
- }@font-face {
1622
- font-family: "Inter-Regular";
1623
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1624
- }
1625
- @font-face {
1626
- font-family: "Inter-SemiBold";
1627
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1628
- }
1629
- @font-face {
1630
- font-family: "Inter-Medium";
1631
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1632
- }
1633
- .Datepicker-module__datepickerContainer {
1634
- width: 100%;
1635
- user-select: none;
1636
- scroll-behavior: smooth;
1637
- }
1638
- .Datepicker-module__datepickerContainer::-webkit-scrollbar {
1639
- display: block !important;
1640
- width: 0;
1641
- }
1642
- .Datepicker-module__datepickerContainer::-webkit-scrollbar-thumb {
1643
- opacity: 0;
1644
- }
1645
- .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper {
1646
- width: 100%;
1647
- cursor: pointer;
1648
- }
1649
- .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerLeftIcon {
1650
- display: flex;
1651
- align-items: center;
1652
- justify-content: center;
1653
- }
1654
- .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerRightIcon {
1655
- display: flex;
1656
- align-items: center;
1657
- justify-content: center;
1658
- cursor: pointer;
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-Regular", 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-Regular", 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-Regular", 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-Regular", 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
1
  import { default as default2 } from "./components/MainButton/MainButton.js";
2223
2
  import { default as default3 } from "./components/FormInput/FormInput.js";
2224
3
  import { default as default4 } from "./components/Textarea/Textarea.js";
@@ -2234,12 +13,14 @@ import { default as default13 } from "./components/TimePicker/TimePicker.js";
2234
13
  import { default as default14 } from "./components/DatePicker/DatePicker.js";
2235
14
  import { default as default15 } from "./components/Skeleton/Skeleton.js";
2236
15
  import { default as default16 } from "./components/ActionDropdown/ActionDropdown.js";
16
+ import { default as default17 } from "./components/InlineLoading/InlineLoading.js";
2237
17
  export {
2238
18
  default16 as ActionDropdown,
2239
19
  default6 as Checkbox,
2240
20
  default14 as DatePicker,
2241
21
  default7 as Dropdown,
2242
22
  default3 as FormInput,
23
+ default17 as InlineLoading,
2243
24
  default2 as MainButton,
2244
25
  default10 as Popup,
2245
26
  default8 as Radio,