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