master-components-react-ts 2.0.1 → 2.1.1

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 (3) hide show
  1. package/dist/assets/Inter_24pt-SemiBold-DIQUEucn.woff2 +0 -0
  2. package/dist/index.js +893 -893
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -9,83 +9,82 @@
9
9
  }
10
10
  @font-face {
11
11
  font-family: "Inter-SemiBold";
12
- src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
12
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
13
13
  }
14
14
  @font-face {
15
15
  font-family: "Inter-Medium";
16
16
  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
17
17
  }
18
- .Textarea-module__textareaContainer {
18
+ .FormInput-module__inputWrapper {
19
19
  width: 100%;
20
20
  display: flex;
21
21
  flex-direction: column;
22
- align-items: flex-start;
23
- gap: 0.375rem;
24
- flex-shrink: 0;
22
+ gap: 10px;
25
23
  }
26
- .Textarea-module__textareaContainer .Textarea-module__textAreaLabel {
27
- display: flex;
28
- justify-content: space-between;
29
- display: flex;
30
- align-items: center;
31
- gap: 0.125rem;
32
- width: 100%;
24
+ .FormInput-module__inputWrapper.FormInput-module__sm .FormInput-module__formInputWrapper {
25
+ height: 36px;
33
26
  }
34
- .Textarea-module__textareaContainer .Textarea-module__textAreaLabel p {
35
- width: 100%;
27
+ .FormInput-module__inputWrapper.FormInput-module__md .FormInput-module__formInputWrapper {
28
+ height: 40px;
29
+ }
30
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputLabel {
36
31
  width: 100%;
37
32
  overflow: hidden;
38
- color: #131314;
33
+ color: #95969c;
34
+ text-overflow: ellipsis;
39
35
  font-family: "Inter-Medium";
40
36
  font-size: 12px;
41
37
  font-style: normal;
42
38
  font-weight: 450;
43
- line-height: 16px; /* 171.429% */
39
+ line-height: 16px; /* 133.333% */
44
40
  letter-spacing: 0.1px;
45
41
  }
46
- .Textarea-module__textareaContainer .Textarea-module__textAreaLabel .Textarea-module__required {
47
- color: #d92d20;
48
- font-size: 0.875rem;
49
- font-family: "Inter-Regular", sans-serif;
42
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInput {
43
+ width: 100%;
44
+ overflow: hidden;
45
+ color: #7a7b80;
46
+ text-overflow: ellipsis;
47
+ font-family: "Inter-Regular";
48
+ font-size: 14px;
50
49
  font-style: normal;
51
- font-weight: 500;
52
- line-height: 1.25rem;
50
+ font-weight: 400;
51
+ line-height: 24px; /* 171.429% */
52
+ letter-spacing: 0.1px;
53
53
  }
54
- .Textarea-module__textareaContainer .Textarea-module__wrap {
55
- position: relative;
56
- display: inline-block;
54
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputHelperText {
57
55
  width: 100%;
58
- position: relative;
59
- }
60
- .Textarea-module__textareaContainer .Textarea-module__wrap.Textarea-module__resize textarea {
61
- resize: both;
62
- }
63
- .Textarea-module__textareaContainer .Textarea-module__wrap.Textarea-module__resize:after {
64
- 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");
65
- width: 0.9375rem;
66
- background: transparent;
67
- position: absolute;
68
- right: 0.125rem;
69
- bottom: 0.3125rem;
70
- pointer-events: none;
71
- border-radius: 25%;
56
+ overflow: hidden;
57
+ color: #95969c;
58
+ text-overflow: ellipsis;
59
+ font-family: "Inter-Medium";
60
+ font-size: 12px;
61
+ font-style: normal;
62
+ font-weight: 450;
63
+ line-height: 16px; /* 133.333% */
64
+ letter-spacing: 0.1px;
72
65
  }
73
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textareaIconClose {
74
- position: absolute;
75
- right: 8px;
76
- top: 8px;
77
- cursor: pointer;
66
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper {
67
+ border-radius: 6px;
68
+ border: 1px solid #e6e6e6;
69
+ background: #fafafa;
78
70
  }
79
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea {
71
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper .FormInput-module__formInput {
80
72
  width: 100%;
81
- border-radius: 6px;
82
- border: 1px solid #c1c2c7;
83
- background: #fff;
84
- padding: 8px 12px;
85
- resize: none;
73
+ overflow: hidden;
74
+ color: #7a7b80;
75
+ text-overflow: ellipsis;
76
+ font-family: "Inter-Regular";
77
+ font-size: 14px;
78
+ font-style: normal;
79
+ font-weight: 400;
80
+ line-height: 24px; /* 171.429% */
81
+ letter-spacing: 0.1px;
82
+ cursor: not-allowed;
83
+ }
84
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper .FormInput-module__formInput::placeholder {
86
85
  width: 100%;
87
86
  overflow: hidden;
88
- color: #131314;
87
+ color: #7a7b80;
89
88
  text-overflow: ellipsis;
90
89
  font-family: "Inter-Regular";
91
90
  font-size: 14px;
@@ -94,58 +93,94 @@
94
93
  line-height: 24px; /* 171.429% */
95
94
  letter-spacing: 0.1px;
96
95
  }
97
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-resizer {
98
- display: none;
96
+ .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper {
97
+ width: 100%;
98
+ display: flex;
99
+ align-items: center;
100
+ justify-content: space-between;
99
101
  }
100
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar {
101
- width: 0;
102
+ .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputLabel {
103
+ width: 100%;
104
+ width: 100%;
105
+ overflow: hidden;
106
+ color: #131314;
107
+ font-family: "Inter-Medium";
108
+ font-size: 12px;
109
+ font-style: normal;
110
+ font-weight: 450;
111
+ line-height: 16px; /* 171.429% */
112
+ letter-spacing: 0.1px;
102
113
  }
103
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-track {
104
- -webkit-box-shadow: none;
114
+ .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputLabel .FormInput-module__formInputRequired {
115
+ overflow: hidden;
116
+ color: #e3292f;
117
+ text-overflow: ellipsis;
118
+ font-family: "Inter-Medium";
119
+ font-size: 12px;
120
+ font-style: normal;
121
+ font-weight: 450;
122
+ line-height: 16px; /* 133.333% */
123
+ letter-spacing: 0.1px;
105
124
  }
106
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-thumb {
107
- background-color: none;
108
- outline: 0;
125
+ .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputHelperSlot {
126
+ display: flex;
127
+ align-items: center;
128
+ justify-content: center;
109
129
  }
110
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorState {
130
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper {
131
+ width: 100%;
132
+ display: flex;
133
+ align-items: center;
134
+ gap: 8px;
135
+ padding: 8px;
136
+ border-radius: 6px;
137
+ border: 1px solid #e6e6e6;
138
+ background: #fff;
139
+ }
140
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorState {
111
141
  border-radius: 6px;
112
142
  background: #fff;
113
143
  outline: 1px solid #f63e45;
114
144
  outline-offset: -1px;
115
145
  box-shadow: none;
116
146
  }
117
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__focused {
147
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__focused {
118
148
  border-radius: 6px;
119
149
  background: #fff;
120
150
  outline: 2px solid #0058ff;
121
151
  outline-offset: -2px;
122
152
  box-shadow: none;
123
153
  }
124
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__active {
154
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__active {
125
155
  border-radius: 6px;
126
156
  background: #fff;
127
157
  outline: 1.5px solid #0058ff;
128
158
  outline-offset: -1.5px;
129
159
  box-shadow: 0 0 0 2px #dee9fc;
130
160
  }
131
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorFocused {
161
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorFocused {
132
162
  border-radius: 6px;
133
163
  background: #fff;
134
164
  outline: 2px solid #f63e45;
135
165
  outline-offset: -2px;
136
166
  box-shadow: none;
137
167
  }
138
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorActive {
168
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorActive {
139
169
  border-radius: 6px;
140
170
  background: #fff;
141
171
  outline: 1.5px solid #f63e45;
142
172
  outline-offset: -1.5px;
143
173
  box-shadow: 0 0 0 2px #fcdcdd;
144
174
  }
145
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::placeholder {
175
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput {
176
+ width: 100%;
177
+ border: none;
178
+ outline: none;
179
+ background-color: transparent;
180
+ caret-color: #0058ff;
146
181
  width: 100%;
147
182
  overflow: hidden;
148
- color: #646569;
183
+ color: #131314;
149
184
  text-overflow: ellipsis;
150
185
  font-family: "Inter-Regular";
151
186
  font-size: 14px;
@@ -154,1038 +189,837 @@
154
189
  line-height: 24px; /* 171.429% */
155
190
  letter-spacing: 0.1px;
156
191
  }
157
- .Textarea-module__textareaContainer .Textarea-module__textareaFooter {
192
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput::placeholder {
158
193
  width: 100%;
159
- display: flex;
160
- justify-content: flex-end;
161
- align-items: center;
194
+ overflow: hidden;
195
+ color: #646569;
196
+ text-overflow: ellipsis;
197
+ font-family: "Inter-Regular";
198
+ font-size: 14px;
199
+ font-style: normal;
200
+ font-weight: 400;
201
+ line-height: 24px; /* 171.429% */
202
+ letter-spacing: 0.1px;
162
203
  }
163
- .Textarea-module__textareaContainer .Textarea-module__textareaFooter p {
204
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper .FormInput-module__formInputSlot {
205
+ display: grid;
206
+ place-items: center;
207
+ }
208
+ .FormInput-module__inputWrapper .FormInput-module__formInputHelperText {
209
+ width: 100%;
210
+ overflow: hidden;
164
211
  color: #131314;
165
- text-align: right;
166
- font-family: "Inter-Medium", sans-serif;
212
+ text-overflow: ellipsis;
213
+ font-family: "Inter-Medium";
214
+ font-size: 12px;
215
+ font-style: normal;
216
+ font-weight: 450;
217
+ line-height: 16px; /* 133.333% */
218
+ letter-spacing: 0.1px;
219
+ }
220
+ .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__errorHelperText {
221
+ width: 100%;
222
+ overflow: hidden;
223
+ color: #e3292f;
224
+ text-overflow: ellipsis;
225
+ font-family: "Inter-Medium";
226
+ font-size: 12px;
227
+ font-style: normal;
228
+ font-weight: 450;
229
+ line-height: 16px; /* 133.333% */
230
+ letter-spacing: 0.1px;
231
+ color: #e3292f;
232
+ }
233
+ .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__successHelperText {
234
+ width: 100%;
235
+ overflow: hidden;
236
+ color: #328707;
237
+ text-overflow: ellipsis;
238
+ font-family: "Inter-Medium";
167
239
  font-size: 12px;
168
240
  font-style: normal;
169
241
  font-weight: 450;
170
242
  line-height: 16px; /* 133.333% */
171
243
  letter-spacing: 0.1px;
244
+ color: #328707;
172
245
  }@font-face {
173
246
  font-family: "Inter-Regular";
174
247
  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
175
248
  }
176
249
  @font-face {
177
250
  font-family: "Inter-SemiBold";
178
- src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
251
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
179
252
  }
180
253
  @font-face {
181
254
  font-family: "Inter-Medium";
182
255
  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
183
256
  }
184
- button.MainButton-module__mainButton {
185
- width: 100%;
186
- display: flex;
187
- padding: 8px;
188
- justify-content: center;
189
- align-items: center;
190
- border-radius: 6px;
191
- min-width: 100px;
192
- outline: none;
193
- border: none;
194
- cursor: pointer;
195
- user-select: none;
196
- -webkit-user-select: none;
197
- -moz-user-select: none;
198
- -ms-user-select: none;
199
- }
200
- button.MainButton-module__mainButton.MainButton-module__sm {
201
- height: 32px;
257
+ .Skeleton-module__skeleton {
258
+ background-color: #e0e0e0;
259
+ border-radius: 4px;
260
+ position: relative;
261
+ overflow: hidden;
262
+ display: grid;
263
+ place-items: center;
202
264
  }
203
- button.MainButton-module__mainButton.MainButton-module__md {
204
- height: 36px;
265
+ .Skeleton-module__skeleton::after {
266
+ content: "";
267
+ position: absolute;
268
+ top: 0;
269
+ left: 0;
270
+ right: 0;
271
+ bottom: 0;
272
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
273
+ animation: Skeleton-module__shimmer 1.5s infinite;
205
274
  }
206
- button.MainButton-module__mainButton.MainButton-module__lg {
207
- height: 40px;
208
- }
209
- button.MainButton-module__mainButton .MainButton-module__mainButtonContent {
275
+
276
+ .Skeleton-module__text {
277
+ height: 1rem;
210
278
  width: 100%;
211
- display: flex;
212
- align-items: center;
213
- justify-content: center;
214
- gap: 8px;
215
- }
216
- button.MainButton-module__mainButton .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
217
- overflow: hidden;
218
- text-overflow: ellipsis;
219
- font-family: "Inter-Regular", sans-serif;
220
- font-size: 14px;
221
- font-style: normal;
222
- font-weight: 450;
223
- line-height: 24px; /* 171.429% */
224
- letter-spacing: 0.1px;
225
- }
226
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral {
227
- background: #0058ff;
279
+ margin: 8px 0;
228
280
  }
229
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__loading {
230
- cursor: no-drop;
281
+
282
+ .Skeleton-module__avatar {
283
+ height: 40px;
284
+ width: 40px;
285
+ border-radius: 50%;
231
286
  }
232
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
233
- background: #004fe5 !important;
287
+
288
+ @keyframes Skeleton-module__shimmer {
289
+ 0% {
290
+ transform: translateX(-100%);
291
+ }
292
+ 100% {
293
+ transform: translateX(100%);
294
+ }
234
295
  }
235
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__disabled {
236
- background: #95969c;
237
- cursor: not-allowed;
296
+ .Skeleton-module__dark.Skeleton-module__skeleton {
297
+ background-color: #5a5a5a;
238
298
  }
239
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__focused {
240
- outline: 2px solid #dee9fc;
241
- outline-offset: 0px;
242
- background: #0058ff;
299
+ .Skeleton-module__dark.Skeleton-module__skeleton::after {
300
+ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);
301
+ }@font-face {
302
+ font-family: "Inter-Regular";
303
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
243
304
  }
244
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
245
- color: #fff;
305
+ @font-face {
306
+ font-family: "Inter-SemiBold";
307
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
246
308
  }
247
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive {
248
- background: #328707;
309
+ @font-face {
310
+ font-family: "Inter-Medium";
311
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
249
312
  }
250
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__loading {
251
- cursor: no-drop;
313
+ .Popup-module__modalOverlay {
314
+ width: 100vw;
315
+ height: 100vh;
316
+ display: grid;
317
+ place-items: center;
318
+ position: fixed;
319
+ top: 0;
320
+ left: 0;
321
+ z-index: 250;
322
+ background: rgba(10, 13, 18, 0.7);
252
323
  }
253
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
254
- background: #266905 !important;
324
+ .Popup-module__modalOverlay ::-webkit-scrollbar {
325
+ width: 0;
255
326
  }
256
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__disabled {
257
- background: #95969c;
258
- cursor: not-allowed;
327
+ .Popup-module__modalOverlay ::-webkit-scrollbar-track {
328
+ -webkit-box-shadow: none;
259
329
  }
260
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__focused {
261
- outline: 2px solid #c3ebb0;
262
- outline-offset: 0px;
263
- background: #328707;
330
+ .Popup-module__modalOverlay ::-webkit-scrollbar-thumb {
331
+ background-color: none;
332
+ outline: 0;
264
333
  }
265
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
266
- color: #fff;
334
+ .Popup-module__modalOverlay.Popup-module__popupDrawerMode {
335
+ overflow: hidden;
336
+ place-items: end;
267
337
  }
268
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative {
269
- background: #e3292f;
338
+ .Popup-module__modalOverlay.Popup-module__popupDrawerMode .Popup-module__popupContainer {
339
+ min-height: unset;
340
+ max-height: unset;
341
+ min-width: 17.5rem;
342
+ height: 100vh;
343
+ animation: Popup-module__EnterFromLeft 0.3s forwards;
270
344
  }
271
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__loading {
272
- cursor: no-drop;
345
+ @keyframes Popup-module__EnterFromLeft {
346
+ from {
347
+ left: 100%;
348
+ }
349
+ to {
350
+ left: 0;
351
+ }
273
352
  }
274
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
275
- background: #db1d23 !important;
353
+ .Popup-module__modalOverlay .Popup-module__popupContainer {
354
+ padding: 1.5rem;
355
+ min-height: 13.75rem;
356
+ max-height: calc(100vh - 5.625rem);
357
+ position: relative;
358
+ transition: 0.2s;
359
+ z-index: 280;
360
+ border-radius: 0.75rem;
361
+ background: #fff;
362
+ /* Shadows/shadow-xl */
363
+ box-shadow: 0rem 1.25rem 1.5rem -0.25rem rgba(10, 13, 18, 0.08), 0rem 0.5rem 0.5rem -0.25rem rgba(10, 13, 18, 0.03), 0rem 0.1875rem 0.1875rem -0.0938rem rgba(10, 13, 18, 0.04);
364
+ animation: Popup-module__fadeIn 0.3s forwards;
276
365
  }
277
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__disabled {
278
- background: #95969c;
279
- cursor: not-allowed;
366
+ @keyframes Popup-module__fadeIn {
367
+ from {
368
+ opacity: 0;
369
+ }
370
+ to {
371
+ opacity: 1;
372
+ }
280
373
  }
281
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__focused {
282
- outline: 2px solid #fcdcdc;
283
- outline-offset: 0px;
284
- background: #e3292f;
374
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__closeButton {
375
+ display: grid;
376
+ place-items: center;
377
+ cursor: pointer;
378
+ position: absolute;
379
+ top: 1.25rem;
380
+ right: 1.5rem;
381
+ z-index: 14;
285
382
  }
286
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
287
- color: #fff;
383
+ .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions {
384
+ width: 25rem;
288
385
  }
289
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral {
290
- background: #ecf3ff;
386
+ .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions.Popup-module__horizontal {
387
+ width: 34rem;
291
388
  }
292
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__loading {
293
- cursor: no-drop;
389
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
390
+ width: 100%;
391
+ position: sticky;
392
+ top: 0;
393
+ background: #ffffff;
394
+ z-index: 1;
294
395
  }
295
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
296
- background: #dee9fc !important;
396
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle {
397
+ margin-top: 1rem;
297
398
  }
298
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__disabled {
299
- background: #f2f2f2;
300
- cursor: not-allowed;
399
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
400
+ color: #181d27;
401
+ font-size: 1.125rem;
402
+ font-style: normal;
403
+ font-weight: 600;
404
+ line-height: 1.75rem; /* 155.556% */
405
+ font-family: "Inter-Regular", sans-serif;
406
+ line-height: 1.75rem; /* 155.556% */
301
407
  }
302
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
303
- color: #7a7b80;
408
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription {
409
+ margin-top: 0.25rem;
304
410
  }
305
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__focused {
306
- outline-offset: 0px;
307
- background: #ecf3ff;
308
- box-shadow: 0px 0px 0px 2px #0058ff;
411
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
412
+ color: #535862;
413
+ font-size: 0.875rem;
414
+ font-style: normal;
415
+ font-weight: 400;
416
+ line-height: 1.25rem; /* 142.857% */
417
+ font-family: "Inter-Regular", sans-serif;
309
418
  }
310
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
311
- color: #0058ff;
419
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon {
420
+ display: flex;
421
+ align-items: center;
422
+ justify-content: space-between;
312
423
  }
313
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive {
314
- background: #effce8;
424
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon .Popup-module__icon {
425
+ display: grid;
426
+ place-items: center;
427
+ width: 3rem;
428
+ height: 3rem;
429
+ border-radius: 624.9375rem;
315
430
  }
316
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__loading {
317
- cursor: no-drop;
431
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__templateWrapper {
432
+ width: 100%;
433
+ position: relative;
318
434
  }
319
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
320
- background: #e0fad2 !important;
435
+
436
+ .Popup-module__dark.Popup-module__modalOverlay {
437
+ background: rgba(34, 38, 47, 0.4588235294);
321
438
  }
322
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__disabled {
323
- background: #95969c;
324
- cursor: not-allowed;
439
+ .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer {
440
+ background: #0c0e12;
441
+ /* Shadows/shadow-xl */
442
+ box-shadow: 0rem 1.25rem 1.5rem -0.25rem rgba(10, 13, 18, 0.08), 0rem 0.5rem 0.5rem -0.25rem rgba(10, 13, 18, 0.03), 0rem 0.1875rem 0.1875rem -0.0938rem rgba(10, 13, 18, 0.04);
325
443
  }
326
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__focused {
327
- outline: 2px solid #60bf30;
328
- outline-offset: 0px;
329
- background: #effce8;
444
+ .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
445
+ background: #0c0e12;
330
446
  }
331
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
332
- color: #328707;
447
+ .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
448
+ color: #f7f7f7;
333
449
  }
334
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative {
335
- background: #fff2f2;
450
+ .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
451
+ color: #94979c;
452
+ }@font-face {
453
+ font-family: "Inter-Regular";
454
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
336
455
  }
337
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__loading {
338
- cursor: no-drop;
456
+ @font-face {
457
+ font-family: "Inter-SemiBold";
458
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
339
459
  }
340
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
341
- background: #fcdcdc !important;
460
+ @font-face {
461
+ font-family: "Inter-Medium";
462
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
342
463
  }
343
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__disabled {
344
- background: #95969c;
345
- cursor: not-allowed;
464
+ .Radio-module__radioWrapper {
465
+ width: 24px;
466
+ height: 24px;
467
+ border-radius: 50%;
468
+ overflow: hidden;
469
+ position: relative;
470
+ cursor: pointer;
471
+ transition: 0.2s;
472
+ }@font-face {
473
+ font-family: "Inter-Regular";
474
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
346
475
  }
347
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__focused {
348
- outline: 2px solid #ff5757;
349
- outline-offset: 0px;
350
- background: #fff2f2;
476
+ @font-face {
477
+ font-family: "Inter-SemiBold";
478
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
351
479
  }
352
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
353
- color: #db1d23;
480
+ @font-face {
481
+ font-family: "Inter-Medium";
482
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
354
483
  }
355
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral {
484
+ .ActionDropdown-module__actionDropdownContainer {
485
+ width: 100%;
486
+ }
487
+ .ActionDropdown-module__actionDropdownContainer.ActionDropdown-module__collapsed .ActionDropdown-module__actionDropdownIcon {
488
+ transform: rotate(180deg);
489
+ }
490
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent {
491
+ width: 100%;
492
+ border-radius: 6px;
356
493
  background: #f2f2f2;
494
+ display: flex;
495
+ align-items: center;
496
+ justify-content: space-between;
497
+ cursor: pointer;
498
+ user-select: none;
499
+ -webkit-user-select: none;
500
+ -moz-user-select: none;
501
+ -ms-user-select: none;
357
502
  }
358
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__loading {
359
- cursor: no-drop;
503
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownTitle {
504
+ width: 90%;
505
+ white-space: nowrap;
506
+ overflow: hidden;
507
+ color: #131314;
508
+ font-feature-settings: "liga" off, "clig" off;
509
+ text-overflow: ellipsis;
510
+ font-family: "Inter-Regular", sans-serif;
511
+ font-size: 14px;
512
+ font-weight: 400;
513
+ line-height: 24px;
514
+ letter-spacing: 0.1px;
515
+ border-right: 1px solid #ffffff;
516
+ padding: 8px 16px;
360
517
  }
361
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
362
- background: #e6e6e6 !important;
518
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownIcon {
519
+ display: flex;
520
+ align-items: center;
521
+ justify-content: center;
522
+ padding: 8px;
523
+ width: 40px;
524
+ height: 40px;
525
+ transition: transform 0.2s ease-in-out;
363
526
  }
364
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__disabled {
365
- background: #f2f2f2;
366
- cursor: not-allowed;
527
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList {
528
+ width: 100%;
529
+ border-radius: 12px;
530
+ border: 1px solid #e6e6e6;
531
+ background: #fff;
532
+ box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
533
+ height: 250px;
534
+ overflow: auto;
535
+ padding: 8px;
367
536
  }
368
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
369
- color: #7a7b80;
537
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem {
538
+ width: 100%;
539
+ border-radius: 4px;
540
+ background: #fff;
541
+ padding: 6px 10px;
542
+ overflow: hidden;
543
+ color: #131314;
544
+ font-feature-settings: "liga" off, "clig" off;
545
+ text-overflow: ellipsis;
546
+ font-family: "Inter-Regular", sans-serif;
547
+ font-size: 14px;
548
+ font-weight: 400;
549
+ line-height: 24px;
550
+ letter-spacing: 0.1px;
551
+ cursor: pointer;
370
552
  }
371
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__focused {
372
- outline: 2px solid #c1c2c7;
373
- outline-offset: 0px;
553
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem:hover, .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem.ActionDropdown-module__selected {
554
+ border-radius: 4px;
374
555
  background: #f2f2f2;
556
+ }@font-face {
557
+ font-family: "Inter-Regular";
558
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
375
559
  }
376
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
377
- color: #131314;
560
+ @font-face {
561
+ font-family: "Inter-SemiBold";
562
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
378
563
  }
379
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive {
380
- background: #fff;
564
+ @font-face {
565
+ font-family: "Inter-Medium";
566
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
381
567
  }
382
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__loading {
568
+ button.MainButton-module__mainButton {
569
+ width: 100%;
570
+ display: flex;
571
+ padding: 8px;
572
+ justify-content: center;
573
+ align-items: center;
574
+ border-radius: 6px;
575
+ min-width: 100px;
576
+ outline: none;
577
+ border: none;
578
+ cursor: pointer;
579
+ user-select: none;
580
+ -webkit-user-select: none;
581
+ -moz-user-select: none;
582
+ -ms-user-select: none;
583
+ }
584
+ button.MainButton-module__mainButton.MainButton-module__sm {
585
+ height: 32px;
586
+ }
587
+ button.MainButton-module__mainButton.MainButton-module__md {
588
+ height: 36px;
589
+ }
590
+ button.MainButton-module__mainButton.MainButton-module__lg {
591
+ height: 40px;
592
+ }
593
+ button.MainButton-module__mainButton .MainButton-module__mainButtonContent {
594
+ width: 100%;
595
+ display: flex;
596
+ align-items: center;
597
+ justify-content: center;
598
+ gap: 8px;
599
+ }
600
+ button.MainButton-module__mainButton .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
601
+ overflow: hidden;
602
+ text-overflow: ellipsis;
603
+ font-family: "Inter-Regular", sans-serif;
604
+ font-size: 14px;
605
+ font-style: normal;
606
+ font-weight: 450;
607
+ line-height: 24px; /* 171.429% */
608
+ letter-spacing: 0.1px;
609
+ }
610
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral {
611
+ background: #0058ff;
612
+ }
613
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__loading {
383
614
  cursor: no-drop;
384
615
  }
385
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
386
- background: #effce8 !important;
616
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
617
+ background: #004fe5 !important;
387
618
  }
388
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__disabled {
389
- background: #fff;
619
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__disabled {
620
+ background: #95969c;
390
621
  cursor: not-allowed;
391
622
  }
392
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
393
- color: #7a7b80;
394
- }
395
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__focused {
396
- outline: 2px solid #91e766;
623
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__focused {
624
+ outline: 2px solid #dee9fc;
397
625
  outline-offset: 0px;
398
- background: #fff;
626
+ background: #0058ff;
399
627
  }
400
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
401
- color: #328707;
628
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
629
+ color: #fff;
402
630
  }
403
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative {
404
- background: #fff;
631
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive {
632
+ background: #328707;
405
633
  }
406
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__loading {
634
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__loading {
407
635
  cursor: no-drop;
408
636
  }
409
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
410
- background: #fff2f2 !important;
637
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
638
+ background: #266905 !important;
411
639
  }
412
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__disabled {
413
- background: #fff;
640
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__disabled {
641
+ background: #95969c;
414
642
  cursor: not-allowed;
415
643
  }
416
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
417
- color: #7a7b80;
418
- }
419
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__focused {
420
- outline: 2px solid #fcdcdc;
644
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__focused {
645
+ outline: 2px solid #c3ebb0;
421
646
  outline-offset: 0px;
422
- background: #fff;
647
+ background: #328707;
423
648
  }
424
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
425
- color: #e3292f;
649
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
650
+ color: #fff;
426
651
  }
427
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2 {
428
- background: #fff;
652
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative {
653
+ background: #e3292f;
429
654
  }
430
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__loading {
655
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__loading {
431
656
  cursor: no-drop;
432
657
  }
433
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
434
- background: #ecf3ff !important;
658
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
659
+ background: #db1d23 !important;
435
660
  }
436
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__disabled {
437
- background: #f2f2f2;
661
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__disabled {
662
+ background: #95969c;
438
663
  cursor: not-allowed;
439
664
  }
440
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
441
- color: #7a7b80;
442
- }
443
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__focused {
444
- outline: 2px solid #dee9fc;
665
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__focused {
666
+ outline: 2px solid #fcdcdc;
445
667
  outline-offset: 0px;
446
- background: #fff;
668
+ background: #e3292f;
447
669
  }
448
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2 .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
449
- color: #0058ff;
670
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
671
+ color: #fff;
450
672
  }
451
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3 {
452
- border: 1px solid #e6e6e6;
453
- background: #fff;
673
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral {
674
+ background: #ecf3ff;
454
675
  }
455
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__loading {
676
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__loading {
456
677
  cursor: no-drop;
457
678
  }
458
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
459
- border-color: #c1c2c7 !important;
679
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
680
+ background: #dee9fc !important;
460
681
  }
461
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled {
462
- background: #fff;
463
- border: 1px solid #e6e6e6;
682
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__disabled {
683
+ background: #f2f2f2;
464
684
  cursor: not-allowed;
465
685
  }
466
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
686
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
467
687
  color: #7a7b80;
468
688
  }
469
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__focused {
470
- border: 1px solid transparent;
471
- outline: 2px solid #dee9fc;
689
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__focused {
472
690
  outline-offset: 0px;
473
- background: #fff;
691
+ background: #ecf3ff;
692
+ box-shadow: 0px 0px 0px 2px #0058ff;
474
693
  }
475
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
694
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
476
695
  color: #0058ff;
477
- }@font-face {
478
- font-family: "Inter-Regular";
479
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
480
- }
481
- @font-face {
482
- font-family: "Inter-SemiBold";
483
- src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
484
- }
485
- @font-face {
486
- font-family: "Inter-Medium";
487
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
488
- }
489
- .Radio-module__radioWrapper {
490
- width: 24px;
491
- height: 24px;
492
- border-radius: 50%;
493
- overflow: hidden;
494
- position: relative;
495
- cursor: pointer;
496
- transition: 0.2s;
497
- }@font-face {
498
- font-family: "Inter-Regular";
499
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
500
- }
501
- @font-face {
502
- font-family: "Inter-SemiBold";
503
- src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
504
696
  }
505
- @font-face {
506
- font-family: "Inter-Medium";
507
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
508
- }
509
- .Toggle-module__toggleWrapper {
510
- position: relative;
511
- overflow: hidden;
512
- border-radius: 13.333px;
513
- background: #c1c2c7;
514
- padding: 4px;
515
- cursor: pointer;
516
- }
517
- .Toggle-module__toggleWrapper.Toggle-module__checked {
518
- background: #0058FF;
697
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive {
698
+ background: #effce8;
519
699
  }
520
- .Toggle-module__toggleWrapper.Toggle-module__error {
521
- background: #e3292f;
700
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__loading {
701
+ cursor: no-drop;
522
702
  }
523
- .Toggle-module__toggleWrapper.Toggle-module__disabled {
524
- background: #d4d5d6;
525
- cursor: not-allowed;
703
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
704
+ background: #e0fad2 !important;
526
705
  }
527
- .Toggle-module__toggleWrapper.Toggle-module__disabled.Toggle-module__checked {
706
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__disabled {
528
707
  background: #95969c;
708
+ cursor: not-allowed;
529
709
  }
530
- .Toggle-module__toggleWrapper.Toggle-module__sm {
531
- width: 24px;
532
- height: 16px;
533
- }
534
- .Toggle-module__toggleWrapper.Toggle-module__sm.Toggle-module__checked .Toggle-module__toggleState {
535
- left: calc(100% - 12px);
536
- }
537
- .Toggle-module__toggleWrapper.Toggle-module__sm .Toggle-module__toggleState {
538
- width: 8px;
539
- height: 8px;
540
- }
541
- .Toggle-module__toggleWrapper.Toggle-module__md {
542
- width: 32px;
543
- height: 20px;
544
- }
545
- .Toggle-module__toggleWrapper.Toggle-module__md.Toggle-module__checked .Toggle-module__toggleState {
546
- left: calc(100% - 16px);
547
- }
548
- .Toggle-module__toggleWrapper.Toggle-module__md .Toggle-module__toggleState {
549
- width: 12px;
550
- height: 12px;
551
- }
552
- .Toggle-module__toggleWrapper.Toggle-module__lg {
553
- width: 40px;
554
- height: 24px;
555
- }
556
- .Toggle-module__toggleWrapper.Toggle-module__lg .Toggle-module__toggleState {
557
- width: 16px;
558
- height: 16px;
559
- }
560
- .Toggle-module__toggleWrapper.Toggle-module__lg.Toggle-module__checked .Toggle-module__toggleState {
561
- left: calc(100% - 20px);
562
- }
563
- .Toggle-module__toggleWrapper .Toggle-module__toggleState {
564
- border-radius: 8px;
565
- background: #fff;
566
- position: absolute;
567
- top: 50%;
568
- left: 4px;
569
- transform: translateY(-50%);
570
- transition: 0.2s all;
571
- }@font-face {
572
- font-family: "Inter-Regular";
573
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
574
- }
575
- @font-face {
576
- font-family: "Inter-SemiBold";
577
- src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
578
- }
579
- @font-face {
580
- font-family: "Inter-Medium";
581
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
582
- }
583
- .Checkbox-module__checkboxWrapper {
584
- overflow: hidden;
585
- border: 2px solid #c1c2c7;
586
- background: #ffffff;
587
- position: relative;
588
- padding: 5px 4px;
589
- border-radius: 3px;
590
- cursor: pointer;
591
- transition: 0.2;
592
- display: grid;
593
- place-items: center;
594
- width: 18px;
595
- height: 18px;
596
- user-select: none;
597
- -webkit-user-select: none;
598
- -moz-user-select: none;
599
- -ms-user-select: none;
600
- }
601
- .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark {
602
- display: grid;
603
- place-items: center;
710
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__focused {
711
+ outline: 2px solid #60bf30;
712
+ outline-offset: 0px;
713
+ background: #effce8;
604
714
  }
605
- .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark svg {
606
- width: 0.625rem;
607
- user-select: none;
608
- pointer-events: none;
715
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
716
+ color: #328707;
609
717
  }
610
- .Checkbox-module__checkboxWrapper.Checkbox-module__error {
611
- border-color: #e3292f;
718
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative {
719
+ background: #fff2f2;
612
720
  }
613
- .Checkbox-module__checkboxWrapper.Checkbox-module__error.Checkbox-module__checked {
614
- background: #e3292f;
615
- border: none;
721
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__loading {
722
+ cursor: no-drop;
616
723
  }
617
- .Checkbox-module__checkboxWrapper.Checkbox-module__checked {
618
- background: #0058ff;
619
- border: none;
724
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
725
+ background: #fcdcdc !important;
620
726
  }
621
- .Checkbox-module__checkboxWrapper.Checkbox-module__checked.Checkbox-module__disabled {
727
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__disabled {
622
728
  background: #95969c;
623
- }
624
- .Checkbox-module__checkboxWrapper.Checkbox-module__disabled {
625
729
  cursor: not-allowed;
626
- border-color: #c1c2c7 !important;
627
- }
628
-
629
- .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked {
630
- background: #32b45f;
631
- border: 0.0625rem solid #32b45f;
632
- }
633
- .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked:hover {
634
- background: #24994d;
635
- border: 0.0625rem solid #24994d;
636
730
  }
637
-
638
- .Checkbox-module__dark {
639
- background: #373a41;
640
- border: unset;
641
- }
642
- .Checkbox-module__dark.Checkbox-module__checked {
643
- background: #0158ff;
644
- border: 0.0625rem solid #0158ff;
645
- }
646
- .Checkbox-module__dark.Checkbox-module__checked.Checkbox-module__disabled svg path {
647
- stroke: #d5d7da;
648
- }
649
- .Checkbox-module__dark.Checkbox-module__disabled {
650
- background: #8d8d8d !important;
651
- border: 0.0625rem solid #373a41 !important;
652
- }@font-face {
653
- font-family: "Inter-Regular";
654
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
731
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__focused {
732
+ outline: 2px solid #ff5757;
733
+ outline-offset: 0px;
734
+ background: #fff2f2;
655
735
  }
656
- @font-face {
657
- font-family: "Inter-SemiBold";
658
- src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
736
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
737
+ color: #db1d23;
659
738
  }
660
- @font-face {
661
- font-family: "Inter-Medium";
662
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
739
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral {
740
+ background: #f2f2f2;
663
741
  }
664
- .Skeleton-module__skeleton {
665
- background-color: #e0e0e0;
666
- border-radius: 4px;
667
- position: relative;
668
- overflow: hidden;
669
- display: grid;
670
- place-items: center;
742
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__loading {
743
+ cursor: no-drop;
671
744
  }
672
- .Skeleton-module__skeleton::after {
673
- content: "";
674
- position: absolute;
675
- top: 0;
676
- left: 0;
677
- right: 0;
678
- bottom: 0;
679
- background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
680
- animation: Skeleton-module__shimmer 1.5s infinite;
745
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
746
+ background: #e6e6e6 !important;
681
747
  }
682
-
683
- .Skeleton-module__text {
684
- height: 1rem;
685
- width: 100%;
686
- margin: 8px 0;
748
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__disabled {
749
+ background: #f2f2f2;
750
+ cursor: not-allowed;
687
751
  }
688
-
689
- .Skeleton-module__avatar {
690
- height: 40px;
691
- width: 40px;
692
- border-radius: 50%;
752
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
753
+ color: #7a7b80;
693
754
  }
694
-
695
- @keyframes Skeleton-module__shimmer {
696
- 0% {
697
- transform: translateX(-100%);
698
- }
699
- 100% {
700
- transform: translateX(100%);
701
- }
755
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__focused {
756
+ outline: 2px solid #c1c2c7;
757
+ outline-offset: 0px;
758
+ background: #f2f2f2;
702
759
  }
703
- .Skeleton-module__dark.Skeleton-module__skeleton {
704
- background-color: #5a5a5a;
760
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
761
+ color: #131314;
705
762
  }
706
- .Skeleton-module__dark.Skeleton-module__skeleton::after {
707
- background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);
708
- }@font-face {
709
- font-family: "Inter-Regular";
710
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
763
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive {
764
+ background: #fff;
711
765
  }
712
- @font-face {
713
- font-family: "Inter-SemiBold";
714
- src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
766
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__loading {
767
+ cursor: no-drop;
715
768
  }
716
- @font-face {
717
- font-family: "Inter-Medium";
718
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
769
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
770
+ background: #effce8 !important;
719
771
  }
720
- .FormInput-module__inputWrapper {
721
- width: 100%;
722
- display: flex;
723
- flex-direction: column;
724
- gap: 10px;
772
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__disabled {
773
+ background: #fff;
774
+ cursor: not-allowed;
725
775
  }
726
- .FormInput-module__inputWrapper.FormInput-module__sm .FormInput-module__formInputWrapper {
727
- height: 36px;
776
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
777
+ color: #7a7b80;
728
778
  }
729
- .FormInput-module__inputWrapper.FormInput-module__md .FormInput-module__formInputWrapper {
730
- height: 40px;
779
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__focused {
780
+ outline: 2px solid #91e766;
781
+ outline-offset: 0px;
782
+ background: #fff;
731
783
  }
732
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputLabel {
733
- width: 100%;
734
- overflow: hidden;
735
- color: #95969c;
736
- text-overflow: ellipsis;
737
- font-family: "Inter-Medium";
738
- font-size: 12px;
739
- font-style: normal;
740
- font-weight: 450;
741
- line-height: 16px; /* 133.333% */
742
- letter-spacing: 0.1px;
784
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
785
+ color: #328707;
743
786
  }
744
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInput {
745
- width: 100%;
746
- overflow: hidden;
747
- color: #7a7b80;
748
- text-overflow: ellipsis;
749
- font-family: "Inter-Regular";
750
- font-size: 14px;
751
- font-style: normal;
752
- font-weight: 400;
753
- line-height: 24px; /* 171.429% */
754
- letter-spacing: 0.1px;
787
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative {
788
+ background: #fff;
755
789
  }
756
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputHelperText {
757
- width: 100%;
758
- overflow: hidden;
759
- color: #95969c;
760
- text-overflow: ellipsis;
761
- font-family: "Inter-Medium";
762
- font-size: 12px;
763
- font-style: normal;
764
- font-weight: 450;
765
- line-height: 16px; /* 133.333% */
766
- letter-spacing: 0.1px;
790
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__loading {
791
+ cursor: no-drop;
767
792
  }
768
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper {
769
- border-radius: 6px;
770
- border: 1px solid #e6e6e6;
771
- background: #fafafa;
793
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
794
+ background: #fff2f2 !important;
772
795
  }
773
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper .FormInput-module__formInput {
774
- width: 100%;
775
- overflow: hidden;
776
- color: #7a7b80;
777
- text-overflow: ellipsis;
778
- font-family: "Inter-Regular";
779
- font-size: 14px;
780
- font-style: normal;
781
- font-weight: 400;
782
- line-height: 24px; /* 171.429% */
783
- letter-spacing: 0.1px;
796
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__disabled {
797
+ background: #fff;
784
798
  cursor: not-allowed;
785
799
  }
786
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper .FormInput-module__formInput::placeholder {
787
- width: 100%;
788
- overflow: hidden;
800
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
789
801
  color: #7a7b80;
790
- text-overflow: ellipsis;
791
- font-family: "Inter-Regular";
792
- font-size: 14px;
793
- font-style: normal;
794
- font-weight: 400;
795
- line-height: 24px; /* 171.429% */
796
- letter-spacing: 0.1px;
797
- }
798
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper {
799
- width: 100%;
800
- display: flex;
801
- align-items: center;
802
- justify-content: space-between;
803
802
  }
804
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputLabel {
805
- width: 100%;
806
- width: 100%;
807
- overflow: hidden;
808
- color: #131314;
809
- font-family: "Inter-Medium";
810
- font-size: 12px;
811
- font-style: normal;
812
- font-weight: 450;
813
- line-height: 16px; /* 171.429% */
814
- letter-spacing: 0.1px;
803
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__focused {
804
+ outline: 2px solid #fcdcdc;
805
+ outline-offset: 0px;
806
+ background: #fff;
815
807
  }
816
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputLabel .FormInput-module__formInputRequired {
817
- overflow: hidden;
808
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
818
809
  color: #e3292f;
819
- text-overflow: ellipsis;
820
- font-family: "Inter-Medium";
821
- font-size: 12px;
822
- font-style: normal;
823
- font-weight: 450;
824
- line-height: 16px; /* 133.333% */
825
- letter-spacing: 0.1px;
826
- }
827
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputHelperSlot {
828
- display: flex;
829
- align-items: center;
830
- justify-content: center;
831
810
  }
832
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper {
833
- width: 100%;
834
- display: flex;
835
- align-items: center;
836
- gap: 8px;
837
- padding: 8px;
838
- border-radius: 6px;
839
- border: 1px solid #e6e6e6;
811
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2 {
840
812
  background: #fff;
841
813
  }
842
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorState {
843
- border-radius: 6px;
844
- background: #fff;
845
- outline: 1px solid #f63e45;
846
- outline-offset: -1px;
847
- box-shadow: none;
814
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__loading {
815
+ cursor: no-drop;
848
816
  }
849
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__focused {
850
- border-radius: 6px;
851
- background: #fff;
852
- outline: 2px solid #0058ff;
853
- outline-offset: -2px;
854
- box-shadow: none;
817
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
818
+ background: #ecf3ff !important;
855
819
  }
856
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__active {
857
- border-radius: 6px;
858
- background: #fff;
859
- outline: 1.5px solid #0058ff;
860
- outline-offset: -1.5px;
861
- box-shadow: 0 0 0 2px #dee9fc;
820
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__disabled {
821
+ background: #f2f2f2;
822
+ cursor: not-allowed;
862
823
  }
863
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorFocused {
864
- border-radius: 6px;
824
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
825
+ color: #7a7b80;
826
+ }
827
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__focused {
828
+ outline: 2px solid #dee9fc;
829
+ outline-offset: 0px;
865
830
  background: #fff;
866
- outline: 2px solid #f63e45;
867
- outline-offset: -2px;
868
- box-shadow: none;
869
831
  }
870
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorActive {
871
- border-radius: 6px;
832
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2 .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
833
+ color: #0058ff;
834
+ }
835
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 {
836
+ border: 1px solid #e6e6e6;
872
837
  background: #fff;
873
- outline: 1.5px solid #f63e45;
874
- outline-offset: -1.5px;
875
- box-shadow: 0 0 0 2px #fcdcdd;
876
838
  }
877
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput {
878
- width: 100%;
879
- border: none;
880
- outline: none;
881
- background-color: transparent;
882
- caret-color: #0058ff;
883
- width: 100%;
884
- overflow: hidden;
885
- color: #131314;
886
- text-overflow: ellipsis;
887
- font-family: "Inter-Regular";
888
- font-size: 14px;
889
- font-style: normal;
890
- font-weight: 400;
891
- line-height: 24px; /* 171.429% */
892
- letter-spacing: 0.1px;
839
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__loading {
840
+ cursor: no-drop;
893
841
  }
894
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput::placeholder {
895
- width: 100%;
896
- overflow: hidden;
897
- color: #646569;
898
- text-overflow: ellipsis;
899
- font-family: "Inter-Regular";
900
- font-size: 14px;
901
- font-style: normal;
902
- font-weight: 400;
903
- line-height: 24px; /* 171.429% */
904
- letter-spacing: 0.1px;
842
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
843
+ border-color: #c1c2c7 !important;
905
844
  }
906
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper .FormInput-module__formInputSlot {
907
- display: grid;
908
- place-items: center;
845
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled {
846
+ background: #fff;
847
+ border: 1px solid #e6e6e6;
848
+ cursor: not-allowed;
909
849
  }
910
- .FormInput-module__inputWrapper .FormInput-module__formInputHelperText {
911
- width: 100%;
912
- overflow: hidden;
913
- color: #131314;
914
- text-overflow: ellipsis;
915
- font-family: "Inter-Medium";
916
- font-size: 12px;
917
- font-style: normal;
918
- font-weight: 450;
919
- line-height: 16px; /* 133.333% */
920
- letter-spacing: 0.1px;
850
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
851
+ color: #7a7b80;
921
852
  }
922
- .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__errorHelperText {
923
- width: 100%;
924
- overflow: hidden;
925
- color: #e3292f;
926
- text-overflow: ellipsis;
927
- font-family: "Inter-Medium";
928
- font-size: 12px;
929
- font-style: normal;
930
- font-weight: 450;
931
- line-height: 16px; /* 133.333% */
932
- letter-spacing: 0.1px;
933
- color: #e3292f;
853
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__focused {
854
+ border: 1px solid transparent;
855
+ outline: 2px solid #dee9fc;
856
+ outline-offset: 0px;
857
+ background: #fff;
934
858
  }
935
- .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__successHelperText {
936
- width: 100%;
937
- overflow: hidden;
938
- color: #328707;
939
- text-overflow: ellipsis;
940
- font-family: "Inter-Medium";
941
- font-size: 12px;
942
- font-style: normal;
943
- font-weight: 450;
944
- line-height: 16px; /* 133.333% */
945
- letter-spacing: 0.1px;
946
- color: #328707;
859
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
860
+ color: #0058ff;
947
861
  }@font-face {
948
862
  font-family: "Inter-Regular";
949
863
  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
950
864
  }
951
865
  @font-face {
952
866
  font-family: "Inter-SemiBold";
953
- src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
867
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
954
868
  }
955
869
  @font-face {
956
870
  font-family: "Inter-Medium";
957
871
  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
958
872
  }
959
- .Popup-module__modalOverlay {
960
- width: 100vw;
961
- height: 100vh;
962
- display: grid;
963
- place-items: center;
964
- position: fixed;
965
- top: 0;
966
- left: 0;
967
- z-index: 250;
968
- background: rgba(10, 13, 18, 0.7);
969
- }
970
- .Popup-module__modalOverlay ::-webkit-scrollbar {
971
- width: 0;
972
- }
973
- .Popup-module__modalOverlay ::-webkit-scrollbar-track {
974
- -webkit-box-shadow: none;
975
- }
976
- .Popup-module__modalOverlay ::-webkit-scrollbar-thumb {
977
- background-color: none;
978
- outline: 0;
979
- }
980
- .Popup-module__modalOverlay.Popup-module__popupDrawerMode {
981
- overflow: hidden;
982
- place-items: end;
983
- }
984
- .Popup-module__modalOverlay.Popup-module__popupDrawerMode .Popup-module__popupContainer {
985
- min-height: unset;
986
- max-height: unset;
987
- min-width: 17.5rem;
988
- height: 100vh;
989
- animation: Popup-module__EnterFromLeft 0.3s forwards;
990
- }
991
- @keyframes Popup-module__EnterFromLeft {
992
- from {
993
- left: 100%;
994
- }
995
- to {
996
- left: 0;
997
- }
998
- }
999
- .Popup-module__modalOverlay .Popup-module__popupContainer {
1000
- padding: 1.5rem;
1001
- min-height: 13.75rem;
1002
- max-height: calc(100vh - 5.625rem);
873
+ .Toggle-module__toggleWrapper {
1003
874
  position: relative;
1004
- transition: 0.2s;
1005
- z-index: 280;
1006
- border-radius: 0.75rem;
1007
- background: #fff;
1008
- /* Shadows/shadow-xl */
1009
- 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);
1010
- animation: Popup-module__fadeIn 0.3s forwards;
1011
- }
1012
- @keyframes Popup-module__fadeIn {
1013
- from {
1014
- opacity: 0;
1015
- }
1016
- to {
1017
- opacity: 1;
1018
- }
1019
- }
1020
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__closeButton {
1021
- display: grid;
1022
- place-items: center;
875
+ overflow: hidden;
876
+ border-radius: 13.333px;
877
+ background: #c1c2c7;
878
+ padding: 4px;
1023
879
  cursor: pointer;
1024
- position: absolute;
1025
- top: 1.25rem;
1026
- right: 1.5rem;
1027
- z-index: 14;
1028
- }
1029
- .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions {
1030
- width: 25rem;
1031
880
  }
1032
- .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions.Popup-module__horizontal {
1033
- width: 34rem;
881
+ .Toggle-module__toggleWrapper.Toggle-module__checked {
882
+ background: #0058FF;
1034
883
  }
1035
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
1036
- width: 100%;
1037
- position: sticky;
1038
- top: 0;
1039
- background: #ffffff;
1040
- z-index: 1;
884
+ .Toggle-module__toggleWrapper.Toggle-module__error {
885
+ background: #e3292f;
1041
886
  }
1042
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle {
1043
- margin-top: 1rem;
887
+ .Toggle-module__toggleWrapper.Toggle-module__disabled {
888
+ background: #d4d5d6;
889
+ cursor: not-allowed;
1044
890
  }
1045
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
1046
- color: #181d27;
1047
- font-size: 1.125rem;
1048
- font-style: normal;
1049
- font-weight: 600;
1050
- line-height: 1.75rem; /* 155.556% */
1051
- font-family: "Inter-Regular", sans-serif;
1052
- line-height: 1.75rem; /* 155.556% */
891
+ .Toggle-module__toggleWrapper.Toggle-module__disabled.Toggle-module__checked {
892
+ background: #95969c;
1053
893
  }
1054
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription {
1055
- margin-top: 0.25rem;
894
+ .Toggle-module__toggleWrapper.Toggle-module__sm {
895
+ width: 24px;
896
+ height: 16px;
1056
897
  }
1057
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
1058
- color: #535862;
1059
- font-size: 0.875rem;
1060
- font-style: normal;
1061
- font-weight: 400;
1062
- line-height: 1.25rem; /* 142.857% */
1063
- font-family: "Inter-Regular", sans-serif;
898
+ .Toggle-module__toggleWrapper.Toggle-module__sm.Toggle-module__checked .Toggle-module__toggleState {
899
+ left: calc(100% - 12px);
1064
900
  }
1065
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon {
1066
- display: flex;
1067
- align-items: center;
1068
- justify-content: space-between;
901
+ .Toggle-module__toggleWrapper.Toggle-module__sm .Toggle-module__toggleState {
902
+ width: 8px;
903
+ height: 8px;
1069
904
  }
1070
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon .Popup-module__icon {
1071
- display: grid;
1072
- place-items: center;
1073
- width: 3rem;
1074
- height: 3rem;
1075
- border-radius: 624.9375rem;
905
+ .Toggle-module__toggleWrapper.Toggle-module__md {
906
+ width: 32px;
907
+ height: 20px;
1076
908
  }
1077
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__templateWrapper {
1078
- width: 100%;
1079
- position: relative;
909
+ .Toggle-module__toggleWrapper.Toggle-module__md.Toggle-module__checked .Toggle-module__toggleState {
910
+ left: calc(100% - 16px);
1080
911
  }
1081
-
1082
- .Popup-module__dark.Popup-module__modalOverlay {
1083
- background: rgba(34, 38, 47, 0.4588235294);
912
+ .Toggle-module__toggleWrapper.Toggle-module__md .Toggle-module__toggleState {
913
+ width: 12px;
914
+ height: 12px;
1084
915
  }
1085
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer {
1086
- background: #0c0e12;
1087
- /* Shadows/shadow-xl */
1088
- 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);
916
+ .Toggle-module__toggleWrapper.Toggle-module__lg {
917
+ width: 40px;
918
+ height: 24px;
1089
919
  }
1090
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
1091
- background: #0c0e12;
920
+ .Toggle-module__toggleWrapper.Toggle-module__lg .Toggle-module__toggleState {
921
+ width: 16px;
922
+ height: 16px;
1092
923
  }
1093
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
1094
- color: #f7f7f7;
924
+ .Toggle-module__toggleWrapper.Toggle-module__lg.Toggle-module__checked .Toggle-module__toggleState {
925
+ left: calc(100% - 20px);
1095
926
  }
1096
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
1097
- color: #94979c;
927
+ .Toggle-module__toggleWrapper .Toggle-module__toggleState {
928
+ border-radius: 8px;
929
+ background: #fff;
930
+ position: absolute;
931
+ top: 50%;
932
+ left: 4px;
933
+ transform: translateY(-50%);
934
+ transition: 0.2s all;
1098
935
  }@font-face {
1099
936
  font-family: "Inter-Regular";
1100
937
  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1101
938
  }
1102
939
  @font-face {
1103
940
  font-family: "Inter-SemiBold";
1104
- src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
941
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1105
942
  }
1106
943
  @font-face {
1107
944
  font-family: "Inter-Medium";
1108
945
  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1109
946
  }
1110
- .ActionDropdown-module__actionDropdownContainer {
1111
- width: 100%;
947
+ .Checkbox-module__checkboxWrapper {
948
+ overflow: hidden;
949
+ border: 2px solid #c1c2c7;
950
+ background: #ffffff;
951
+ position: relative;
952
+ padding: 5px 4px;
953
+ border-radius: 3px;
954
+ cursor: pointer;
955
+ transition: 0.2;
956
+ display: grid;
957
+ place-items: center;
958
+ width: 18px;
959
+ height: 18px;
960
+ user-select: none;
961
+ -webkit-user-select: none;
962
+ -moz-user-select: none;
963
+ -ms-user-select: none;
964
+ }
965
+ .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark {
966
+ display: grid;
967
+ place-items: center;
968
+ }
969
+ .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark svg {
970
+ width: 0.625rem;
971
+ user-select: none;
972
+ pointer-events: none;
973
+ }
974
+ .Checkbox-module__checkboxWrapper.Checkbox-module__error {
975
+ border-color: #e3292f;
976
+ }
977
+ .Checkbox-module__checkboxWrapper.Checkbox-module__error.Checkbox-module__checked {
978
+ background: #e3292f;
979
+ border: none;
980
+ }
981
+ .Checkbox-module__checkboxWrapper.Checkbox-module__checked {
982
+ background: #0058ff;
983
+ border: none;
984
+ }
985
+ .Checkbox-module__checkboxWrapper.Checkbox-module__checked.Checkbox-module__disabled {
986
+ background: #95969c;
1112
987
  }
1113
- .ActionDropdown-module__actionDropdownContainer.ActionDropdown-module__collapsed .ActionDropdown-module__actionDropdownIcon {
1114
- transform: rotate(180deg);
988
+ .Checkbox-module__checkboxWrapper.Checkbox-module__disabled {
989
+ cursor: not-allowed;
990
+ border-color: #c1c2c7 !important;
1115
991
  }
1116
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent {
1117
- width: 100%;
1118
- border-radius: 6px;
1119
- background: #f2f2f2;
1120
- display: flex;
1121
- align-items: center;
1122
- justify-content: space-between;
1123
- cursor: pointer;
1124
- user-select: none;
1125
- -webkit-user-select: none;
1126
- -moz-user-select: none;
1127
- -ms-user-select: none;
992
+
993
+ .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked {
994
+ background: #32b45f;
995
+ border: 0.0625rem solid #32b45f;
1128
996
  }
1129
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownTitle {
1130
- width: 90%;
1131
- white-space: nowrap;
1132
- overflow: hidden;
1133
- color: #131314;
1134
- font-feature-settings: "liga" off, "clig" off;
1135
- text-overflow: ellipsis;
1136
- font-family: "Inter-Regular", sans-serif;
1137
- font-size: 14px;
1138
- font-weight: 400;
1139
- line-height: 24px;
1140
- letter-spacing: 0.1px;
1141
- border-right: 1px solid #ffffff;
1142
- padding: 8px 16px;
997
+ .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked:hover {
998
+ background: #24994d;
999
+ border: 0.0625rem solid #24994d;
1143
1000
  }
1144
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownIcon {
1145
- display: flex;
1146
- align-items: center;
1147
- justify-content: center;
1148
- padding: 8px;
1149
- width: 40px;
1150
- height: 40px;
1151
- transition: transform 0.2s ease-in-out;
1001
+
1002
+ .Checkbox-module__dark {
1003
+ background: #373a41;
1004
+ border: unset;
1152
1005
  }
1153
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList {
1154
- width: 100%;
1155
- border-radius: 12px;
1156
- border: 1px solid #e6e6e6;
1157
- background: #fff;
1158
- box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
1159
- height: 250px;
1160
- overflow: auto;
1161
- padding: 8px;
1006
+ .Checkbox-module__dark.Checkbox-module__checked {
1007
+ background: #0158ff;
1008
+ border: 0.0625rem solid #0158ff;
1162
1009
  }
1163
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem {
1164
- width: 100%;
1165
- border-radius: 4px;
1166
- background: #fff;
1167
- padding: 6px 10px;
1168
- overflow: hidden;
1169
- color: #131314;
1170
- font-feature-settings: "liga" off, "clig" off;
1171
- text-overflow: ellipsis;
1172
- font-family: "Inter-Regular", sans-serif;
1173
- font-size: 14px;
1174
- font-weight: 400;
1175
- line-height: 24px;
1176
- letter-spacing: 0.1px;
1177
- cursor: pointer;
1010
+ .Checkbox-module__dark.Checkbox-module__checked.Checkbox-module__disabled svg path {
1011
+ stroke: #d5d7da;
1178
1012
  }
1179
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem:hover, .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem.ActionDropdown-module__selected {
1180
- border-radius: 4px;
1181
- background: #f2f2f2;
1013
+ .Checkbox-module__dark.Checkbox-module__disabled {
1014
+ background: #8d8d8d !important;
1015
+ border: 0.0625rem solid #373a41 !important;
1182
1016
  }@font-face {
1183
1017
  font-family: "Inter-Regular";
1184
1018
  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1185
1019
  }
1186
1020
  @font-face {
1187
1021
  font-family: "Inter-SemiBold";
1188
- src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1022
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1189
1023
  }
1190
1024
  @font-face {
1191
1025
  font-family: "Inter-Medium";
@@ -1363,7 +1197,7 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1363
1197
  }
1364
1198
  @font-face {
1365
1199
  font-family: "Inter-SemiBold";
1366
- src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1200
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1367
1201
  }
1368
1202
  @font-face {
1369
1203
  font-family: "Inter-Medium";
@@ -1475,7 +1309,173 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1475
1309
  }
1476
1310
  @font-face {
1477
1311
  font-family: "Inter-SemiBold";
1478
- src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1312
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1313
+ }
1314
+ @font-face {
1315
+ font-family: "Inter-Medium";
1316
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1317
+ }
1318
+ .Textarea-module__textareaContainer {
1319
+ width: 100%;
1320
+ display: flex;
1321
+ flex-direction: column;
1322
+ align-items: flex-start;
1323
+ gap: 0.375rem;
1324
+ flex-shrink: 0;
1325
+ }
1326
+ .Textarea-module__textareaContainer .Textarea-module__textAreaLabel {
1327
+ display: flex;
1328
+ justify-content: space-between;
1329
+ display: flex;
1330
+ align-items: center;
1331
+ gap: 0.125rem;
1332
+ width: 100%;
1333
+ }
1334
+ .Textarea-module__textareaContainer .Textarea-module__textAreaLabel p {
1335
+ width: 100%;
1336
+ width: 100%;
1337
+ overflow: hidden;
1338
+ color: #131314;
1339
+ font-family: "Inter-Medium";
1340
+ font-size: 12px;
1341
+ font-style: normal;
1342
+ font-weight: 450;
1343
+ line-height: 16px; /* 171.429% */
1344
+ letter-spacing: 0.1px;
1345
+ }
1346
+ .Textarea-module__textareaContainer .Textarea-module__textAreaLabel .Textarea-module__required {
1347
+ color: #d92d20;
1348
+ font-size: 0.875rem;
1349
+ font-family: "Inter-Regular", sans-serif;
1350
+ font-style: normal;
1351
+ font-weight: 500;
1352
+ line-height: 1.25rem;
1353
+ }
1354
+ .Textarea-module__textareaContainer .Textarea-module__wrap {
1355
+ position: relative;
1356
+ display: inline-block;
1357
+ width: 100%;
1358
+ position: relative;
1359
+ }
1360
+ .Textarea-module__textareaContainer .Textarea-module__wrap.Textarea-module__resize textarea {
1361
+ resize: both;
1362
+ }
1363
+ .Textarea-module__textareaContainer .Textarea-module__wrap.Textarea-module__resize:after {
1364
+ content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%3e%3cpath%20d='M10%202L2%2010'%20stroke='%23D5D7DA'%20stroke-linecap='round'/%3e%3cpath%20d='M11%207L7%2011'%20stroke='%23D5D7DA'%20stroke-linecap='round'/%3e%3c/svg%3e");
1365
+ width: 0.9375rem;
1366
+ background: transparent;
1367
+ position: absolute;
1368
+ right: 0.125rem;
1369
+ bottom: 0.3125rem;
1370
+ pointer-events: none;
1371
+ border-radius: 25%;
1372
+ }
1373
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textareaIconClose {
1374
+ position: absolute;
1375
+ right: 8px;
1376
+ top: 8px;
1377
+ cursor: pointer;
1378
+ }
1379
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea {
1380
+ width: 100%;
1381
+ border-radius: 6px;
1382
+ border: 1px solid #c1c2c7;
1383
+ background: #fff;
1384
+ padding: 8px 12px;
1385
+ resize: none;
1386
+ width: 100%;
1387
+ overflow: hidden;
1388
+ color: #131314;
1389
+ text-overflow: ellipsis;
1390
+ font-family: "Inter-Regular";
1391
+ font-size: 14px;
1392
+ font-style: normal;
1393
+ font-weight: 400;
1394
+ line-height: 24px; /* 171.429% */
1395
+ letter-spacing: 0.1px;
1396
+ }
1397
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-resizer {
1398
+ display: none;
1399
+ }
1400
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar {
1401
+ width: 0;
1402
+ }
1403
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-track {
1404
+ -webkit-box-shadow: none;
1405
+ }
1406
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-thumb {
1407
+ background-color: none;
1408
+ outline: 0;
1409
+ }
1410
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorState {
1411
+ border-radius: 6px;
1412
+ background: #fff;
1413
+ outline: 1px solid #f63e45;
1414
+ outline-offset: -1px;
1415
+ box-shadow: none;
1416
+ }
1417
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__focused {
1418
+ border-radius: 6px;
1419
+ background: #fff;
1420
+ outline: 2px solid #0058ff;
1421
+ outline-offset: -2px;
1422
+ box-shadow: none;
1423
+ }
1424
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__active {
1425
+ border-radius: 6px;
1426
+ background: #fff;
1427
+ outline: 1.5px solid #0058ff;
1428
+ outline-offset: -1.5px;
1429
+ box-shadow: 0 0 0 2px #dee9fc;
1430
+ }
1431
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorFocused {
1432
+ border-radius: 6px;
1433
+ background: #fff;
1434
+ outline: 2px solid #f63e45;
1435
+ outline-offset: -2px;
1436
+ box-shadow: none;
1437
+ }
1438
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorActive {
1439
+ border-radius: 6px;
1440
+ background: #fff;
1441
+ outline: 1.5px solid #f63e45;
1442
+ outline-offset: -1.5px;
1443
+ box-shadow: 0 0 0 2px #fcdcdd;
1444
+ }
1445
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::placeholder {
1446
+ width: 100%;
1447
+ overflow: hidden;
1448
+ color: #646569;
1449
+ text-overflow: ellipsis;
1450
+ font-family: "Inter-Regular";
1451
+ font-size: 14px;
1452
+ font-style: normal;
1453
+ font-weight: 400;
1454
+ line-height: 24px; /* 171.429% */
1455
+ letter-spacing: 0.1px;
1456
+ }
1457
+ .Textarea-module__textareaContainer .Textarea-module__textareaFooter {
1458
+ width: 100%;
1459
+ display: flex;
1460
+ justify-content: flex-end;
1461
+ align-items: center;
1462
+ }
1463
+ .Textarea-module__textareaContainer .Textarea-module__textareaFooter p {
1464
+ color: #131314;
1465
+ text-align: right;
1466
+ font-family: "Inter-Medium", sans-serif;
1467
+ font-size: 12px;
1468
+ font-style: normal;
1469
+ font-weight: 450;
1470
+ line-height: 16px; /* 133.333% */
1471
+ letter-spacing: 0.1px;
1472
+ }@font-face {
1473
+ font-family: "Inter-Regular";
1474
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1475
+ }
1476
+ @font-face {
1477
+ font-family: "Inter-SemiBold";
1478
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1479
1479
  }
1480
1480
  @font-face {
1481
1481
  font-family: "Inter-Medium";
@@ -1624,7 +1624,7 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1624
1624
  }
1625
1625
  @font-face {
1626
1626
  font-family: "Inter-SemiBold";
1627
- src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1627
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1628
1628
  }
1629
1629
  @font-face {
1630
1630
  font-family: "Inter-Medium";
@@ -1662,7 +1662,7 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1662
1662
  }
1663
1663
  @font-face {
1664
1664
  font-family: "Inter-SemiBold";
1665
- src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1665
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1666
1666
  }
1667
1667
  @font-face {
1668
1668
  font-family: "Inter-Medium";
@@ -1903,7 +1903,7 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1903
1903
  }
1904
1904
  @font-face {
1905
1905
  font-family: "Inter-SemiBold";
1906
- src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1906
+ src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1907
1907
  }
1908
1908
  @font-face {
1909
1909
  font-family: "Inter-Medium";