master-components-react-ts 1.1.2 → 2.0.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 (7) hide show
  1. package/dist/assets/Inter_24pt-Medium-C1cYvkz2.woff2 +0 -0
  2. package/dist/assets/Inter_24pt-Regular-C7SEt4-L.woff2 +0 -0
  3. package/dist/index.js +860 -860
  4. package/package.json +1 -1
  5. package/dist/assets/Inter_24pt-Medium-Bs8f9ErM.woff +0 -0
  6. package/dist/assets/Inter_24pt-Regular-IV8-j2Ig.woff +0 -0
  7. package/dist/assets/Inter_24pt-SemiBold-Tm_onoXC.woff +0 -0
package/dist/index.js CHANGED
@@ -5,15 +5,15 @@
5
5
  var elementStyle = document.createElement("style");
6
6
  elementStyle.appendChild(document.createTextNode(`@font-face {
7
7
  font-family: "Inter-Regular";
8
- src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2"), url("/assets/Inter_24pt-Regular-IV8-j2Ig.woff") format("woff");
8
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
9
9
  }
10
10
  @font-face {
11
11
  font-family: "Inter-SemiBold";
12
- src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2"), url("/assets/Inter_24pt-SemiBold-Tm_onoXC.woff") format("woff");
12
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
13
13
  }
14
14
  @font-face {
15
15
  font-family: "Inter-Medium";
16
- src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2"), url("/assets/Inter_24pt-Medium-Bs8f9ErM.woff") format("woff");
16
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
17
17
  }
18
18
  .Textarea-module__textareaContainer {
19
19
  width: 100%;
@@ -46,7 +46,7 @@
46
46
  .Textarea-module__textareaContainer .Textarea-module__textAreaLabel .Textarea-module__required {
47
47
  color: #d92d20;
48
48
  font-size: 0.875rem;
49
- font-family: "Inter", sans-serif;
49
+ font-family: "Inter-Regular", sans-serif;
50
50
  font-style: normal;
51
51
  font-weight: 500;
52
52
  line-height: 1.25rem;
@@ -171,771 +171,551 @@
171
171
  letter-spacing: 0.1px;
172
172
  }@font-face {
173
173
  font-family: "Inter-Regular";
174
- src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2"), url("/assets/Inter_24pt-Regular-IV8-j2Ig.woff") format("woff");
174
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
175
175
  }
176
176
  @font-face {
177
177
  font-family: "Inter-SemiBold";
178
- src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2"), url("/assets/Inter_24pt-SemiBold-Tm_onoXC.woff") format("woff");
178
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
179
179
  }
180
180
  @font-face {
181
181
  font-family: "Inter-Medium";
182
- src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2"), url("/assets/Inter_24pt-Medium-Bs8f9ErM.woff") format("woff");
182
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
183
183
  }
184
- .Checkbox-module__checkboxWrapper {
185
- overflow: hidden;
186
- border: 2px solid #c1c2c7;
187
- background: #ffffff;
188
- position: relative;
189
- padding: 5px 4px;
190
- border-radius: 3px;
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;
191
194
  cursor: pointer;
192
- transition: 0.2;
193
- display: grid;
194
- place-items: center;
195
- width: 18px;
196
- height: 18px;
197
195
  user-select: none;
198
196
  -webkit-user-select: none;
199
197
  -moz-user-select: none;
200
198
  -ms-user-select: none;
201
199
  }
202
- .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark {
203
- display: grid;
204
- place-items: center;
200
+ button.MainButton-module__mainButton.MainButton-module__sm {
201
+ height: 32px;
205
202
  }
206
- .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark svg {
207
- width: 0.625rem;
208
- user-select: none;
209
- pointer-events: none;
203
+ button.MainButton-module__mainButton.MainButton-module__md {
204
+ height: 36px;
210
205
  }
211
- .Checkbox-module__checkboxWrapper.Checkbox-module__error {
212
- border-color: #e3292f;
206
+ button.MainButton-module__mainButton.MainButton-module__lg {
207
+ height: 40px;
213
208
  }
214
- .Checkbox-module__checkboxWrapper.Checkbox-module__error.Checkbox-module__checked {
215
- background: #e3292f;
216
- border: none;
209
+ button.MainButton-module__mainButton .MainButton-module__mainButtonContent {
210
+ width: 100%;
211
+ display: flex;
212
+ align-items: center;
213
+ justify-content: center;
214
+ gap: 8px;
217
215
  }
218
- .Checkbox-module__checkboxWrapper.Checkbox-module__checked {
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 {
219
227
  background: #0058ff;
220
- border: none;
221
228
  }
222
- .Checkbox-module__checkboxWrapper.Checkbox-module__checked.Checkbox-module__disabled {
223
- background: #95969c;
229
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__loading {
230
+ cursor: no-drop;
224
231
  }
225
- .Checkbox-module__checkboxWrapper.Checkbox-module__disabled {
226
- cursor: not-allowed;
227
- border-color: #c1c2c7 !important;
232
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
233
+ background: #004fe5 !important;
228
234
  }
229
-
230
- .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked {
231
- background: #32b45f;
232
- border: 0.0625rem solid #32b45f;
235
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__disabled {
236
+ background: #95969c;
237
+ cursor: not-allowed;
233
238
  }
234
- .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked:hover {
235
- background: #24994d;
236
- border: 0.0625rem solid #24994d;
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;
237
243
  }
238
-
239
- .Checkbox-module__dark {
240
- background: #373a41;
241
- border: unset;
244
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
245
+ color: #fff;
242
246
  }
243
- .Checkbox-module__dark.Checkbox-module__checked {
244
- background: #0158ff;
245
- border: 0.0625rem solid #0158ff;
247
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive {
248
+ background: #328707;
246
249
  }
247
- .Checkbox-module__dark.Checkbox-module__checked.Checkbox-module__disabled svg path {
248
- stroke: #d5d7da;
250
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__loading {
251
+ cursor: no-drop;
249
252
  }
250
- .Checkbox-module__dark.Checkbox-module__disabled {
251
- background: #8d8d8d !important;
252
- border: 0.0625rem solid #373a41 !important;
253
- }@font-face {
254
- font-family: "Inter-Regular";
255
- src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2"), url("/assets/Inter_24pt-Regular-IV8-j2Ig.woff") format("woff");
253
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
254
+ background: #266905 !important;
256
255
  }
257
- @font-face {
258
- font-family: "Inter-SemiBold";
259
- src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2"), url("/assets/Inter_24pt-SemiBold-Tm_onoXC.woff") format("woff");
256
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__disabled {
257
+ background: #95969c;
258
+ cursor: not-allowed;
260
259
  }
261
- @font-face {
262
- font-family: "Inter-Medium";
263
- src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2"), url("/assets/Inter_24pt-Medium-Bs8f9ErM.woff") format("woff");
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;
264
264
  }
265
- .Skeleton-module__skeleton {
266
- background-color: #e0e0e0;
267
- border-radius: 4px;
268
- position: relative;
269
- overflow: hidden;
270
- display: grid;
271
- place-items: center;
265
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
266
+ color: #fff;
272
267
  }
273
- .Skeleton-module__skeleton::after {
274
- content: "";
275
- position: absolute;
276
- top: 0;
277
- left: 0;
278
- right: 0;
279
- bottom: 0;
280
- background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
281
- animation: Skeleton-module__shimmer 1.5s infinite;
268
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative {
269
+ background: #e3292f;
282
270
  }
283
-
284
- .Skeleton-module__text {
285
- height: 1rem;
286
- width: 100%;
287
- margin: 8px 0;
271
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__loading {
272
+ cursor: no-drop;
288
273
  }
289
-
290
- .Skeleton-module__avatar {
291
- height: 40px;
292
- width: 40px;
293
- border-radius: 50%;
274
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
275
+ background: #db1d23 !important;
294
276
  }
295
-
296
- @keyframes Skeleton-module__shimmer {
297
- 0% {
298
- transform: translateX(-100%);
299
- }
300
- 100% {
301
- transform: translateX(100%);
302
- }
277
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__disabled {
278
+ background: #95969c;
279
+ cursor: not-allowed;
303
280
  }
304
- .Skeleton-module__dark.Skeleton-module__skeleton {
305
- background-color: #5a5a5a;
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;
306
285
  }
307
- .Skeleton-module__dark.Skeleton-module__skeleton::after {
308
- background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);
309
- }@font-face {
310
- font-family: "Inter-Regular";
311
- src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2"), url("/assets/Inter_24pt-Regular-IV8-j2Ig.woff") format("woff");
286
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
287
+ color: #fff;
312
288
  }
313
- @font-face {
314
- font-family: "Inter-SemiBold";
315
- src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2"), url("/assets/Inter_24pt-SemiBold-Tm_onoXC.woff") format("woff");
289
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral {
290
+ background: #ecf3ff;
316
291
  }
317
- @font-face {
318
- font-family: "Inter-Medium";
319
- src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2"), url("/assets/Inter_24pt-Medium-Bs8f9ErM.woff") format("woff");
292
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__loading {
293
+ cursor: no-drop;
320
294
  }
321
- .Toggle-module__toggleWrapper {
322
- position: relative;
323
- overflow: hidden;
324
- border-radius: 13.333px;
325
- background: #c1c2c7;
326
- padding: 4px;
327
- cursor: pointer;
295
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
296
+ background: #dee9fc !important;
328
297
  }
329
- .Toggle-module__toggleWrapper.Toggle-module__checked {
330
- background: #0058FF;
298
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__disabled {
299
+ background: #f2f2f2;
300
+ cursor: not-allowed;
331
301
  }
332
- .Toggle-module__toggleWrapper.Toggle-module__error {
333
- background: #e3292f;
302
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
303
+ color: #7a7b80;
334
304
  }
335
- .Toggle-module__toggleWrapper.Toggle-module__disabled {
336
- background: #d4d5d6;
337
- cursor: not-allowed;
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;
338
309
  }
339
- .Toggle-module__toggleWrapper.Toggle-module__disabled.Toggle-module__checked {
340
- background: #95969c;
310
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
311
+ color: #0058ff;
341
312
  }
342
- .Toggle-module__toggleWrapper.Toggle-module__sm {
343
- width: 24px;
344
- height: 16px;
313
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive {
314
+ background: #effce8;
345
315
  }
346
- .Toggle-module__toggleWrapper.Toggle-module__sm.Toggle-module__checked .Toggle-module__toggleState {
347
- left: calc(100% - 12px);
316
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__loading {
317
+ cursor: no-drop;
348
318
  }
349
- .Toggle-module__toggleWrapper.Toggle-module__sm .Toggle-module__toggleState {
350
- width: 8px;
351
- height: 8px;
319
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
320
+ background: #e0fad2 !important;
352
321
  }
353
- .Toggle-module__toggleWrapper.Toggle-module__md {
354
- width: 32px;
355
- height: 20px;
322
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__disabled {
323
+ background: #95969c;
324
+ cursor: not-allowed;
356
325
  }
357
- .Toggle-module__toggleWrapper.Toggle-module__md.Toggle-module__checked .Toggle-module__toggleState {
358
- left: calc(100% - 16px);
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;
359
330
  }
360
- .Toggle-module__toggleWrapper.Toggle-module__md .Toggle-module__toggleState {
361
- width: 12px;
362
- height: 12px;
331
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
332
+ color: #328707;
363
333
  }
364
- .Toggle-module__toggleWrapper.Toggle-module__lg {
365
- width: 40px;
366
- height: 24px;
334
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative {
335
+ background: #fff2f2;
367
336
  }
368
- .Toggle-module__toggleWrapper.Toggle-module__lg .Toggle-module__toggleState {
369
- width: 16px;
370
- height: 16px;
337
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__loading {
338
+ cursor: no-drop;
371
339
  }
372
- .Toggle-module__toggleWrapper.Toggle-module__lg.Toggle-module__checked .Toggle-module__toggleState {
373
- left: calc(100% - 20px);
340
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
341
+ background: #fcdcdc !important;
374
342
  }
375
- .Toggle-module__toggleWrapper .Toggle-module__toggleState {
376
- border-radius: 8px;
343
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__disabled {
344
+ background: #95969c;
345
+ cursor: not-allowed;
346
+ }
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;
351
+ }
352
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
353
+ color: #db1d23;
354
+ }
355
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral {
356
+ background: #f2f2f2;
357
+ }
358
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__loading {
359
+ cursor: no-drop;
360
+ }
361
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
362
+ background: #e6e6e6 !important;
363
+ }
364
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__disabled {
365
+ background: #f2f2f2;
366
+ cursor: not-allowed;
367
+ }
368
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
369
+ color: #7a7b80;
370
+ }
371
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__focused {
372
+ outline: 2px solid #c1c2c7;
373
+ outline-offset: 0px;
374
+ background: #f2f2f2;
375
+ }
376
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
377
+ color: #131314;
378
+ }
379
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive {
377
380
  background: #fff;
378
- position: absolute;
379
- top: 50%;
380
- left: 4px;
381
- transform: translateY(-50%);
382
- transition: 0.2s all;
383
- }@font-face {
384
- font-family: "Inter-Regular";
385
- src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2"), url("/assets/Inter_24pt-Regular-IV8-j2Ig.woff") format("woff");
386
381
  }
387
- @font-face {
388
- font-family: "Inter-SemiBold";
389
- src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2"), url("/assets/Inter_24pt-SemiBold-Tm_onoXC.woff") format("woff");
382
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__loading {
383
+ cursor: no-drop;
390
384
  }
391
- @font-face {
392
- font-family: "Inter-Medium";
393
- src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2"), url("/assets/Inter_24pt-Medium-Bs8f9ErM.woff") format("woff");
385
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
386
+ background: #effce8 !important;
394
387
  }
395
- .Popup-module__modalOverlay {
396
- width: 100vw;
397
- height: 100vh;
398
- display: grid;
399
- place-items: center;
400
- position: fixed;
401
- top: 0;
402
- left: 0;
403
- z-index: 250;
404
- background: rgba(10, 13, 18, 0.7);
388
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__disabled {
389
+ background: #fff;
390
+ cursor: not-allowed;
405
391
  }
406
- .Popup-module__modalOverlay ::-webkit-scrollbar {
407
- width: 0;
392
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
393
+ color: #7a7b80;
408
394
  }
409
- .Popup-module__modalOverlay ::-webkit-scrollbar-track {
410
- -webkit-box-shadow: none;
395
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__focused {
396
+ outline: 2px solid #91e766;
397
+ outline-offset: 0px;
398
+ background: #fff;
411
399
  }
412
- .Popup-module__modalOverlay ::-webkit-scrollbar-thumb {
413
- background-color: none;
414
- outline: 0;
400
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
401
+ color: #328707;
415
402
  }
416
- .Popup-module__modalOverlay.Popup-module__popupDrawerMode {
417
- overflow: hidden;
418
- place-items: end;
403
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative {
404
+ background: #fff;
419
405
  }
420
- .Popup-module__modalOverlay.Popup-module__popupDrawerMode .Popup-module__popupContainer {
421
- min-height: unset;
422
- max-height: unset;
423
- min-width: 17.5rem;
424
- height: 100vh;
425
- animation: Popup-module__EnterFromLeft 0.3s forwards;
406
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__loading {
407
+ cursor: no-drop;
426
408
  }
427
- @keyframes Popup-module__EnterFromLeft {
428
- from {
429
- left: 100%;
430
- }
431
- to {
432
- left: 0;
433
- }
409
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
410
+ background: #fff2f2 !important;
434
411
  }
435
- .Popup-module__modalOverlay .Popup-module__popupContainer {
436
- padding: 1.5rem;
437
- min-height: 13.75rem;
438
- max-height: calc(100vh - 5.625rem);
439
- position: relative;
440
- transition: 0.2s;
441
- z-index: 280;
442
- border-radius: 0.75rem;
412
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__disabled {
443
413
  background: #fff;
444
- /* Shadows/shadow-xl */
445
- 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);
446
- animation: Popup-module__fadeIn 0.3s forwards;
414
+ cursor: not-allowed;
447
415
  }
448
- @keyframes Popup-module__fadeIn {
449
- from {
450
- opacity: 0;
451
- }
452
- to {
453
- opacity: 1;
454
- }
416
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
417
+ color: #7a7b80;
455
418
  }
456
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__closeButton {
457
- display: grid;
458
- place-items: center;
459
- cursor: pointer;
460
- position: absolute;
461
- top: 1.25rem;
462
- right: 1.5rem;
463
- z-index: 14;
419
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__focused {
420
+ outline: 2px solid #fcdcdc;
421
+ outline-offset: 0px;
422
+ background: #fff;
464
423
  }
465
- .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions {
466
- width: 25rem;
424
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
425
+ color: #e3292f;
467
426
  }
468
- .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions.Popup-module__horizontal {
469
- width: 34rem;
427
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2 {
428
+ background: #fff;
470
429
  }
471
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
472
- width: 100%;
473
- position: sticky;
474
- top: 0;
475
- background: #ffffff;
476
- z-index: 1;
430
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__loading {
431
+ cursor: no-drop;
477
432
  }
478
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle {
479
- margin-top: 1rem;
433
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
434
+ background: #ecf3ff !important;
480
435
  }
481
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
482
- color: #181d27;
483
- font-size: 1.125rem;
484
- font-style: normal;
485
- font-weight: 600;
486
- line-height: 1.75rem; /* 155.556% */
487
- font-family: "Inter", sans-serif;
488
- line-height: 1.75rem; /* 155.556% */
436
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__disabled {
437
+ background: #f2f2f2;
438
+ cursor: not-allowed;
489
439
  }
490
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription {
491
- margin-top: 0.25rem;
440
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
441
+ color: #7a7b80;
492
442
  }
493
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
494
- color: #535862;
495
- font-size: 0.875rem;
496
- font-style: normal;
497
- font-weight: 400;
498
- line-height: 1.25rem; /* 142.857% */
499
- font-family: "Inter", sans-serif;
443
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__focused {
444
+ outline: 2px solid #dee9fc;
445
+ outline-offset: 0px;
446
+ background: #fff;
500
447
  }
501
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon {
502
- display: flex;
503
- align-items: center;
504
- justify-content: space-between;
448
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2 .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
449
+ color: #0058ff;
505
450
  }
506
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon .Popup-module__icon {
507
- display: grid;
508
- place-items: center;
509
- width: 3rem;
510
- height: 3rem;
511
- border-radius: 624.9375rem;
451
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 {
452
+ border: 1px solid #e6e6e6;
453
+ background: #fff;
512
454
  }
513
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__templateWrapper {
514
- width: 100%;
515
- position: relative;
455
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__loading {
456
+ cursor: no-drop;
516
457
  }
517
-
518
- .Popup-module__dark.Popup-module__modalOverlay {
519
- background: rgba(34, 38, 47, 0.4588235294);
458
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
459
+ border-color: #c1c2c7 !important;
520
460
  }
521
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer {
522
- background: #0c0e12;
523
- /* Shadows/shadow-xl */
524
- 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);
461
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled {
462
+ background: #fff;
463
+ border: 1px solid #e6e6e6;
464
+ cursor: not-allowed;
525
465
  }
526
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
527
- background: #0c0e12;
466
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
467
+ color: #7a7b80;
528
468
  }
529
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
530
- color: #f7f7f7;
469
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__focused {
470
+ border: 1px solid transparent;
471
+ outline: 2px solid #dee9fc;
472
+ outline-offset: 0px;
473
+ background: #fff;
531
474
  }
532
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
533
- color: #94979c;
475
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
476
+ color: #0058ff;
534
477
  }@font-face {
535
478
  font-family: "Inter-Regular";
536
- src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2"), url("/assets/Inter_24pt-Regular-IV8-j2Ig.woff") format("woff");
479
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
537
480
  }
538
481
  @font-face {
539
482
  font-family: "Inter-SemiBold";
540
- src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2"), url("/assets/Inter_24pt-SemiBold-Tm_onoXC.woff") format("woff");
483
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
541
484
  }
542
485
  @font-face {
543
486
  font-family: "Inter-Medium";
544
- src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2"), url("/assets/Inter_24pt-Medium-Bs8f9ErM.woff") format("woff");
545
- }
546
- .ActionDropdown-module__actionDropdownContainer {
547
- width: 100%;
487
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
548
488
  }
549
- .ActionDropdown-module__actionDropdownContainer.ActionDropdown-module__collapsed .ActionDropdown-module__actionDropdownIcon {
550
- transform: rotate(180deg);
551
- }
552
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent {
553
- width: 100%;
554
- border-radius: 6px;
555
- background: #f2f2f2;
556
- display: flex;
557
- align-items: center;
558
- justify-content: space-between;
489
+ .Radio-module__radioWrapper {
490
+ width: 24px;
491
+ height: 24px;
492
+ border-radius: 50%;
493
+ overflow: hidden;
494
+ position: relative;
559
495
  cursor: pointer;
560
- user-select: none;
561
- -webkit-user-select: none;
562
- -moz-user-select: none;
563
- -ms-user-select: none;
564
- }
565
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownTitle {
566
- width: 90%;
567
- white-space: nowrap;
568
- overflow: hidden;
569
- color: #131314;
570
- font-feature-settings: "liga" off, "clig" off;
571
- text-overflow: ellipsis;
572
- font-family: "Inter-Regular", sans-serif;
573
- font-size: 14px;
574
- font-weight: 400;
575
- line-height: 24px;
576
- letter-spacing: 0.1px;
577
- border-right: 1px solid #ffffff;
578
- padding: 8px 16px;
579
- }
580
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownIcon {
581
- display: flex;
582
- align-items: center;
583
- justify-content: center;
584
- padding: 8px;
585
- width: 40px;
586
- height: 40px;
587
- transition: transform 0.2s ease-in-out;
588
- }
589
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList {
590
- width: 100%;
591
- border-radius: 12px;
592
- border: 1px solid #e6e6e6;
593
- background: #fff;
594
- box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
595
- height: 250px;
596
- overflow: auto;
597
- padding: 8px;
598
- }
599
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem {
600
- width: 100%;
601
- border-radius: 4px;
602
- background: #fff;
603
- padding: 6px 10px;
604
- overflow: hidden;
605
- color: #131314;
606
- font-feature-settings: "liga" off, "clig" off;
607
- text-overflow: ellipsis;
608
- font-family: "Inter-Regular", sans-serif;
609
- font-size: 14px;
610
- font-weight: 400;
611
- line-height: 24px;
612
- letter-spacing: 0.1px;
613
- cursor: pointer;
614
- }
615
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem:hover, .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem.ActionDropdown-module__selected {
616
- border-radius: 4px;
617
- background: #f2f2f2;
618
- }@font-face {
619
- font-family: "Inter-Regular";
620
- src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2"), url("/assets/Inter_24pt-Regular-IV8-j2Ig.woff") format("woff");
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");
621
500
  }
622
501
  @font-face {
623
502
  font-family: "Inter-SemiBold";
624
- src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2"), url("/assets/Inter_24pt-SemiBold-Tm_onoXC.woff") format("woff");
503
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
625
504
  }
626
505
  @font-face {
627
506
  font-family: "Inter-Medium";
628
- src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2"), url("/assets/Inter_24pt-Medium-Bs8f9ErM.woff") format("woff");
507
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
629
508
  }
630
- .Radio-module__radioWrapper {
631
- width: 24px;
632
- height: 24px;
633
- border-radius: 50%;
634
- overflow: hidden;
509
+ .Toggle-module__toggleWrapper {
635
510
  position: relative;
511
+ overflow: hidden;
512
+ border-radius: 13.333px;
513
+ background: #c1c2c7;
514
+ padding: 4px;
636
515
  cursor: pointer;
637
- transition: 0.2s;
638
- }@font-face {
639
- font-family: "Inter-Regular";
640
- src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2"), url("/assets/Inter_24pt-Regular-IV8-j2Ig.woff") format("woff");
641
- }
642
- @font-face {
643
- font-family: "Inter-SemiBold";
644
- src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2"), url("/assets/Inter_24pt-SemiBold-Tm_onoXC.woff") format("woff");
645
- }
646
- @font-face {
647
- font-family: "Inter-Medium";
648
- src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2"), url("/assets/Inter_24pt-Medium-Bs8f9ErM.woff") format("woff");
649
- }
650
- .NotificationToast-module__toastContainer {
651
- display: flex;
652
- flex-direction: column;
653
- gap: 10px;
654
- position: fixed;
655
- z-index: 9999999;
656
- width: 328px;
657
- }
658
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast {
659
- padding: 8px;
660
- border-radius: 8px;
661
- width: 100%;
662
- }
663
- @keyframes NotificationToast-module__fadeIn {
664
- from {
665
- opacity: 0;
666
- transform: translateY(-10px);
667
- }
668
- to {
669
- opacity: 1;
670
- transform: translateY(0);
671
- }
672
- }
673
- @keyframes NotificationToast-module__fadeOut {
674
- from {
675
- opacity: 1;
676
- transform: translateY(0);
677
- }
678
- to {
679
- opacity: 0;
680
- transform: translateY(-10px);
681
- }
682
516
  }
683
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeIn {
684
- animation: NotificationToast-module__fadeIn 0.3s ease-out;
685
- }
686
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeOut {
687
- animation: NotificationToast-module__fadeOut 0.3s ease-in forwards;
688
- }
689
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral {
690
- background: #131314;
517
+ .Toggle-module__toggleWrapper.Toggle-module__checked {
518
+ background: #0058FF;
691
519
  }
692
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled {
693
- border: 1px solid #222224;
694
- background: #f2f2f2;
520
+ .Toggle-module__toggleWrapper.Toggle-module__error {
521
+ background: #e3292f;
695
522
  }
696
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
697
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
698
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
699
- color: #131314 !important;
523
+ .Toggle-module__toggleWrapper.Toggle-module__disabled {
524
+ background: #d4d5d6;
525
+ cursor: not-allowed;
700
526
  }
701
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info {
702
- background: #0058ff;
527
+ .Toggle-module__toggleWrapper.Toggle-module__disabled.Toggle-module__checked {
528
+ background: #95969c;
703
529
  }
704
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled {
705
- border: 1px solid #0058ff;
706
- background: #ecf3ff;
530
+ .Toggle-module__toggleWrapper.Toggle-module__sm {
531
+ width: 24px;
532
+ height: 16px;
707
533
  }
708
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
709
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
710
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
711
- color: #0058ff !important;
534
+ .Toggle-module__toggleWrapper.Toggle-module__sm.Toggle-module__checked .Toggle-module__toggleState {
535
+ left: calc(100% - 12px);
712
536
  }
713
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error {
714
- background: #e3292f;
537
+ .Toggle-module__toggleWrapper.Toggle-module__sm .Toggle-module__toggleState {
538
+ width: 8px;
539
+ height: 8px;
715
540
  }
716
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled {
717
- border: 1px solid #f63e45;
718
- background: #fff2f2;
541
+ .Toggle-module__toggleWrapper.Toggle-module__md {
542
+ width: 32px;
543
+ height: 20px;
719
544
  }
720
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
721
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
722
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
723
- color: #e3292f !important;
545
+ .Toggle-module__toggleWrapper.Toggle-module__md.Toggle-module__checked .Toggle-module__toggleState {
546
+ left: calc(100% - 16px);
724
547
  }
725
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success {
726
- background: #328707;
548
+ .Toggle-module__toggleWrapper.Toggle-module__md .Toggle-module__toggleState {
549
+ width: 12px;
550
+ height: 12px;
727
551
  }
728
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled {
729
- border: 1px solid #399c08;
730
- background: #effce8;
552
+ .Toggle-module__toggleWrapper.Toggle-module__lg {
553
+ width: 40px;
554
+ height: 24px;
731
555
  }
732
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
733
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
734
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
735
- color: #328707 !important;
556
+ .Toggle-module__toggleWrapper.Toggle-module__lg .Toggle-module__toggleState {
557
+ width: 16px;
558
+ height: 16px;
736
559
  }
737
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent {
738
- width: 100%;
739
- display: flex;
740
- align-items: center;
741
- justify-content: space-between;
560
+ .Toggle-module__toggleWrapper.Toggle-module__lg.Toggle-module__checked .Toggle-module__toggleState {
561
+ left: calc(100% - 20px);
742
562
  }
743
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft {
744
- width: 100%;
745
- display: flex;
746
- align-items: center;
747
- gap: 8px;
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");
748
574
  }
749
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentInfoIcon {
750
- display: flex;
751
- align-items: center;
752
- justify-content: center;
575
+ @font-face {
576
+ font-family: "Inter-SemiBold";
577
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
753
578
  }
754
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText {
755
- width: 100%;
756
- display: flex;
757
- flex-direction: column;
758
- gap: 10px;
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");
759
582
  }
760
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextTitle {
761
- width: 100%;
583
+ .Checkbox-module__checkboxWrapper {
762
584
  overflow: hidden;
763
- color: #fff;
764
- text-overflow: ellipsis;
765
- font-family: "Inter-Medium", sans-serif;
766
- font-size: 14px;
767
- font-style: normal;
768
- font-weight: 450;
769
- letter-spacing: 0.1px;
770
- }
771
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextDescription {
772
- width: 100%;
773
- color: #fff;
774
- font-family: "Inter-Regular", sans-serif;
775
- font-size: 14px;
776
- font-style: normal;
777
- font-weight: 400;
778
- letter-spacing: 0px;
779
- }
780
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight {
781
- display: flex;
782
- align-items: center;
783
- gap: 10px;
784
- }
785
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight * {
786
- user-select: none;
787
- -webkit-user-select: none;
788
- -moz-user-select: none;
789
- -ms-user-select: none;
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;
790
596
  user-select: none;
791
597
  -webkit-user-select: none;
792
598
  -moz-user-select: none;
793
599
  -ms-user-select: none;
794
600
  }
795
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightUndoText {
796
- overflow: hidden;
797
- color: #fff;
798
- text-align: center;
799
- font-feature-settings: "liga" off, "clig" off;
800
- text-overflow: ellipsis;
801
- font-family: "Inter-Medium", sans-serif;
802
- font-size: 14px;
803
- font-style: normal;
804
- font-weight: 450;
805
- line-height: 24px;
806
- letter-spacing: 0.1px;
807
- cursor: pointer;
601
+ .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark {
602
+ display: grid;
603
+ place-items: center;
808
604
  }
809
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightClose {
810
- display: flex;
811
- align-items: center;
812
- justify-content: center;
813
- cursor: pointer;
814
- padding-left: 10px;
815
- border-left: 2px solid rgba(255, 255, 255, 0.25);
816
- }@font-face {
817
- font-family: "Inter-Regular";
818
- src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2"), url("/assets/Inter_24pt-Regular-IV8-j2Ig.woff") format("woff");
605
+ .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark svg {
606
+ width: 0.625rem;
607
+ user-select: none;
608
+ pointer-events: none;
819
609
  }
820
- @font-face {
821
- font-family: "Inter-SemiBold";
822
- src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2"), url("/assets/Inter_24pt-SemiBold-Tm_onoXC.woff") format("woff");
610
+ .Checkbox-module__checkboxWrapper.Checkbox-module__error {
611
+ border-color: #e3292f;
823
612
  }
824
- @font-face {
825
- font-family: "Inter-Medium";
826
- src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2"), url("/assets/Inter_24pt-Medium-Bs8f9ErM.woff") format("woff");
613
+ .Checkbox-module__checkboxWrapper.Checkbox-module__error.Checkbox-module__checked {
614
+ background: #e3292f;
615
+ border: none;
827
616
  }
828
- .Tooltip-module__tooltipContainer {
829
- position: relative;
617
+ .Checkbox-module__checkboxWrapper.Checkbox-module__checked {
618
+ background: #0058ff;
619
+ border: none;
830
620
  }
831
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent {
832
- border-radius: 0.5rem;
833
- background: #181d27;
834
- padding: 0.75rem;
835
- max-width: 200px;
836
- min-width: 118px;
837
- position: absolute;
838
- z-index: 99999;
839
- word-break: break-word;
840
- /* Absolute positioning */
841
- /* CSS border triangles */
842
- /* Absolute positioning */
843
- /* CSS border triangles */
844
- /* Absolute positioning */
845
- /* CSS border triangles */
846
- /* Absolute positioning */
847
- /* CSS border triangles */
621
+ .Checkbox-module__checkboxWrapper.Checkbox-module__checked.Checkbox-module__disabled {
622
+ background: #95969c;
848
623
  }
849
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__withoutPointer::before {
850
- all: initial;
624
+ .Checkbox-module__checkboxWrapper.Checkbox-module__disabled {
625
+ cursor: not-allowed;
626
+ border-color: #c1c2c7 !important;
851
627
  }
852
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent::before {
853
- content: " ";
854
- left: 50%;
855
- border: solid transparent;
856
- height: 0;
857
- width: 0;
858
- position: absolute;
859
- pointer-events: none;
860
- border-width: 6px;
861
- margin-left: -6px;
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;
862
636
  }
863
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__top::before {
864
- top: 100%;
865
- border-top-color: #181d27;
866
- left: var(--pointer-position);
637
+
638
+ .Checkbox-module__dark {
639
+ background: #373a41;
640
+ border: unset;
867
641
  }
868
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__right::before {
869
- left: -6px;
870
- top: 50%;
871
- transform: translateX(0) translateY(-50%);
872
- border-right-color: #181d27;
642
+ .Checkbox-module__dark.Checkbox-module__checked {
643
+ background: #0158ff;
644
+ border: 0.0625rem solid #0158ff;
873
645
  }
874
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom::before {
875
- bottom: 100%;
876
- left: var(--pointer-position);
877
- border-bottom-color: #181d27;
646
+ .Checkbox-module__dark.Checkbox-module__checked.Checkbox-module__disabled svg path {
647
+ stroke: #d5d7da;
878
648
  }
879
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left::before {
880
- left: auto;
881
- right: -12px;
882
- top: 50%;
883
- transform: translateX(0) translateY(-50%);
884
- border-left-color: #181d27;
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");
885
655
  }
886
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipTitle {
887
- width: 100%;
888
- word-break: break-word;
889
- color: #fff;
890
- font-family: "Inter", sans-serif;
891
- font-size: 0.75rem;
892
- font-style: normal;
893
- font-weight: 600;
894
- line-height: 1.125rem; /* 150% */
656
+ @font-face {
657
+ font-family: "Inter-SemiBold";
658
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
895
659
  }
896
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipText {
897
- width: 100%;
898
- word-break: break-word;
899
- color: rgba(255, 255, 255, 0.9);
900
- font-family: "Inter", sans-serif;
901
- font-size: 0.75rem;
902
- font-style: normal;
903
- font-weight: 500;
904
- line-height: 1.125rem; /* 150% */
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");
905
663
  }
906
-
907
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent {
908
- background: #ffffff;
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;
909
671
  }
910
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__top::before {
911
- border-top-color: #ffffff;
912
- left: var(--pointer-position);
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;
913
681
  }
914
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__right::before {
915
- border-right-color: #ffffff;
682
+
683
+ .Skeleton-module__text {
684
+ height: 1rem;
685
+ width: 100%;
686
+ margin: 8px 0;
916
687
  }
917
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom::before {
918
- border-bottom-color: #ffffff;
688
+
689
+ .Skeleton-module__avatar {
690
+ height: 40px;
691
+ width: 40px;
692
+ border-radius: 50%;
919
693
  }
920
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left::before {
921
- border-left-color: #ffffff;
694
+
695
+ @keyframes Skeleton-module__shimmer {
696
+ 0% {
697
+ transform: translateX(-100%);
698
+ }
699
+ 100% {
700
+ transform: translateX(100%);
701
+ }
922
702
  }
923
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipTitle {
924
- color: #0c0e12;
703
+ .Skeleton-module__dark.Skeleton-module__skeleton {
704
+ background-color: #5a5a5a;
925
705
  }
926
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipText {
927
- color: rgba(12, 14, 18, 0.9);
706
+ .Skeleton-module__dark.Skeleton-module__skeleton::after {
707
+ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);
928
708
  }@font-face {
929
709
  font-family: "Inter-Regular";
930
- src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2"), url("/assets/Inter_24pt-Regular-IV8-j2Ig.woff") format("woff");
710
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
931
711
  }
932
712
  @font-face {
933
713
  font-family: "Inter-SemiBold";
934
- src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2"), url("/assets/Inter_24pt-SemiBold-Tm_onoXC.woff") format("woff");
714
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
935
715
  }
936
716
  @font-face {
937
717
  font-family: "Inter-Medium";
938
- src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2"), url("/assets/Inter_24pt-Medium-Bs8f9ErM.woff") format("woff");
718
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
939
719
  }
940
720
  .FormInput-module__inputWrapper {
941
721
  width: 100%;
@@ -1166,320 +946,540 @@
1166
946
  color: #328707;
1167
947
  }@font-face {
1168
948
  font-family: "Inter-Regular";
1169
- src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2"), url("/assets/Inter_24pt-Regular-IV8-j2Ig.woff") format("woff");
949
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
950
+ }
951
+ @font-face {
952
+ font-family: "Inter-SemiBold";
953
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
954
+ }
955
+ @font-face {
956
+ font-family: "Inter-Medium";
957
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
958
+ }
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);
1003
+ 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;
1023
+ 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
+ }
1032
+ .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions.Popup-module__horizontal {
1033
+ width: 34rem;
1034
+ }
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;
1041
+ }
1042
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle {
1043
+ margin-top: 1rem;
1044
+ }
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% */
1053
+ }
1054
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription {
1055
+ margin-top: 0.25rem;
1056
+ }
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;
1064
+ }
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;
1069
+ }
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;
1076
+ }
1077
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__templateWrapper {
1078
+ width: 100%;
1079
+ position: relative;
1080
+ }
1081
+
1082
+ .Popup-module__dark.Popup-module__modalOverlay {
1083
+ background: rgba(34, 38, 47, 0.4588235294);
1084
+ }
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);
1089
+ }
1090
+ .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
1091
+ background: #0c0e12;
1092
+ }
1093
+ .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
1094
+ color: #f7f7f7;
1095
+ }
1096
+ .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
1097
+ color: #94979c;
1098
+ }@font-face {
1099
+ font-family: "Inter-Regular";
1100
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1170
1101
  }
1171
1102
  @font-face {
1172
1103
  font-family: "Inter-SemiBold";
1173
- src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2"), url("/assets/Inter_24pt-SemiBold-Tm_onoXC.woff") format("woff");
1104
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1174
1105
  }
1175
1106
  @font-face {
1176
1107
  font-family: "Inter-Medium";
1177
- src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2"), url("/assets/Inter_24pt-Medium-Bs8f9ErM.woff") format("woff");
1108
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1178
1109
  }
1179
- button.MainButton-module__mainButton {
1110
+ .ActionDropdown-module__actionDropdownContainer {
1111
+ width: 100%;
1112
+ }
1113
+ .ActionDropdown-module__actionDropdownContainer.ActionDropdown-module__collapsed .ActionDropdown-module__actionDropdownIcon {
1114
+ transform: rotate(180deg);
1115
+ }
1116
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent {
1180
1117
  width: 100%;
1118
+ border-radius: 6px;
1119
+ background: #f2f2f2;
1181
1120
  display: flex;
1182
- padding: 8px;
1183
- justify-content: center;
1184
1121
  align-items: center;
1185
- border-radius: 6px;
1186
- min-width: 100px;
1187
- outline: none;
1188
- border: none;
1122
+ justify-content: space-between;
1189
1123
  cursor: pointer;
1190
1124
  user-select: none;
1191
1125
  -webkit-user-select: none;
1192
1126
  -moz-user-select: none;
1193
1127
  -ms-user-select: none;
1194
1128
  }
1195
- button.MainButton-module__mainButton.MainButton-module__sm {
1196
- height: 32px;
1197
- }
1198
- button.MainButton-module__mainButton.MainButton-module__md {
1199
- height: 36px;
1200
- }
1201
- button.MainButton-module__mainButton.MainButton-module__lg {
1202
- height: 40px;
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;
1203
1143
  }
1204
- button.MainButton-module__mainButton .MainButton-module__mainButtonContent {
1205
- width: 100%;
1144
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownIcon {
1206
1145
  display: flex;
1207
1146
  align-items: center;
1208
1147
  justify-content: center;
1209
- gap: 8px;
1148
+ padding: 8px;
1149
+ width: 40px;
1150
+ height: 40px;
1151
+ transition: transform 0.2s ease-in-out;
1210
1152
  }
1211
- button.MainButton-module__mainButton .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
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;
1162
+ }
1163
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem {
1164
+ width: 100%;
1165
+ border-radius: 4px;
1166
+ background: #fff;
1167
+ padding: 6px 10px;
1212
1168
  overflow: hidden;
1169
+ color: #131314;
1170
+ font-feature-settings: "liga" off, "clig" off;
1213
1171
  text-overflow: ellipsis;
1214
- font-family: "Inter", sans-serif;
1172
+ font-family: "Inter-Regular", sans-serif;
1215
1173
  font-size: 14px;
1216
- font-style: normal;
1217
- font-weight: 450;
1218
- line-height: 24px; /* 171.429% */
1174
+ font-weight: 400;
1175
+ line-height: 24px;
1219
1176
  letter-spacing: 0.1px;
1177
+ cursor: pointer;
1220
1178
  }
1221
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral {
1222
- background: #0058ff;
1223
- }
1224
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__loading {
1225
- cursor: no-drop;
1226
- }
1227
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
1228
- background: #004fe5 !important;
1229
- }
1230
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__disabled {
1231
- background: #95969c;
1232
- cursor: not-allowed;
1233
- }
1234
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__focused {
1235
- outline: 2px solid #dee9fc;
1236
- outline-offset: 0px;
1237
- background: #0058ff;
1238
- }
1239
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1240
- color: #fff;
1241
- }
1242
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive {
1243
- background: #328707;
1244
- }
1245
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__loading {
1246
- cursor: no-drop;
1247
- }
1248
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
1249
- background: #266905 !important;
1250
- }
1251
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__disabled {
1252
- background: #95969c;
1253
- cursor: not-allowed;
1254
- }
1255
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__focused {
1256
- outline: 2px solid #c3ebb0;
1257
- outline-offset: 0px;
1258
- background: #328707;
1259
- }
1260
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1261
- color: #fff;
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;
1182
+ }@font-face {
1183
+ font-family: "Inter-Regular";
1184
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1262
1185
  }
1263
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative {
1264
- background: #e3292f;
1186
+ @font-face {
1187
+ font-family: "Inter-SemiBold";
1188
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1265
1189
  }
1266
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__loading {
1267
- cursor: no-drop;
1190
+ @font-face {
1191
+ font-family: "Inter-Medium";
1192
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1268
1193
  }
1269
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
1270
- background: #db1d23 !important;
1194
+ .NotificationToast-module__toastContainer {
1195
+ display: flex;
1196
+ flex-direction: column;
1197
+ gap: 10px;
1198
+ position: fixed;
1199
+ z-index: 9999999;
1200
+ width: 328px;
1271
1201
  }
1272
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__disabled {
1273
- background: #95969c;
1274
- cursor: not-allowed;
1202
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast {
1203
+ padding: 8px;
1204
+ border-radius: 8px;
1205
+ width: 100%;
1275
1206
  }
1276
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__focused {
1277
- outline: 2px solid #fcdcdc;
1278
- outline-offset: 0px;
1279
- background: #e3292f;
1207
+ @keyframes NotificationToast-module__fadeIn {
1208
+ from {
1209
+ opacity: 0;
1210
+ transform: translateY(-10px);
1211
+ }
1212
+ to {
1213
+ opacity: 1;
1214
+ transform: translateY(0);
1215
+ }
1280
1216
  }
1281
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1282
- color: #fff;
1217
+ @keyframes NotificationToast-module__fadeOut {
1218
+ from {
1219
+ opacity: 1;
1220
+ transform: translateY(0);
1221
+ }
1222
+ to {
1223
+ opacity: 0;
1224
+ transform: translateY(-10px);
1225
+ }
1283
1226
  }
1284
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral {
1285
- background: #ecf3ff;
1227
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeIn {
1228
+ animation: NotificationToast-module__fadeIn 0.3s ease-out;
1286
1229
  }
1287
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__loading {
1288
- cursor: no-drop;
1230
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeOut {
1231
+ animation: NotificationToast-module__fadeOut 0.3s ease-in forwards;
1289
1232
  }
1290
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
1291
- background: #dee9fc !important;
1233
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral {
1234
+ background: #131314;
1292
1235
  }
1293
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__disabled {
1236
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled {
1237
+ border: 1px solid #222224;
1294
1238
  background: #f2f2f2;
1295
- cursor: not-allowed;
1296
- }
1297
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1298
- color: #7a7b80;
1299
- }
1300
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__focused {
1301
- outline-offset: 0px;
1302
- background: #ecf3ff;
1303
- box-shadow: 0px 0px 0px 2px #0058ff;
1304
- }
1305
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1306
- color: #0058ff;
1307
- }
1308
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive {
1309
- background: #effce8;
1310
- }
1311
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__loading {
1312
- cursor: no-drop;
1313
- }
1314
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
1315
- background: #e0fad2 !important;
1316
- }
1317
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__disabled {
1318
- background: #95969c;
1319
- cursor: not-allowed;
1320
- }
1321
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__focused {
1322
- outline: 2px solid #60bf30;
1323
- outline-offset: 0px;
1324
- background: #effce8;
1325
1239
  }
1326
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1327
- color: #328707;
1240
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
1241
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
1242
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
1243
+ color: #131314 !important;
1328
1244
  }
1329
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative {
1330
- background: #fff2f2;
1245
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info {
1246
+ background: #0058ff;
1331
1247
  }
1332
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__loading {
1333
- cursor: no-drop;
1248
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled {
1249
+ border: 1px solid #0058ff;
1250
+ background: #ecf3ff;
1334
1251
  }
1335
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
1336
- background: #fcdcdc !important;
1252
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
1253
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
1254
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
1255
+ color: #0058ff !important;
1337
1256
  }
1338
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__disabled {
1339
- background: #95969c;
1340
- cursor: not-allowed;
1257
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error {
1258
+ background: #e3292f;
1341
1259
  }
1342
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__focused {
1343
- outline: 2px solid #ff5757;
1344
- outline-offset: 0px;
1260
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled {
1261
+ border: 1px solid #f63e45;
1345
1262
  background: #fff2f2;
1346
1263
  }
1347
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1348
- color: #db1d23;
1349
- }
1350
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral {
1351
- background: #f2f2f2;
1352
- }
1353
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__loading {
1354
- cursor: no-drop;
1355
- }
1356
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
1357
- background: #e6e6e6 !important;
1264
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
1265
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
1266
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
1267
+ color: #e3292f !important;
1358
1268
  }
1359
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__disabled {
1360
- background: #f2f2f2;
1361
- cursor: not-allowed;
1269
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success {
1270
+ background: #328707;
1362
1271
  }
1363
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1364
- color: #7a7b80;
1272
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled {
1273
+ border: 1px solid #399c08;
1274
+ background: #effce8;
1365
1275
  }
1366
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__focused {
1367
- outline: 2px solid #c1c2c7;
1368
- outline-offset: 0px;
1369
- background: #f2f2f2;
1276
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
1277
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
1278
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
1279
+ color: #328707 !important;
1370
1280
  }
1371
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1372
- color: #131314;
1281
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent {
1282
+ width: 100%;
1283
+ display: flex;
1284
+ align-items: center;
1285
+ justify-content: space-between;
1373
1286
  }
1374
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive {
1375
- background: #fff;
1287
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft {
1288
+ width: 100%;
1289
+ display: flex;
1290
+ align-items: center;
1291
+ gap: 8px;
1376
1292
  }
1377
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__loading {
1378
- cursor: no-drop;
1293
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentInfoIcon {
1294
+ display: flex;
1295
+ align-items: center;
1296
+ justify-content: center;
1379
1297
  }
1380
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
1381
- background: #effce8 !important;
1298
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText {
1299
+ width: 100%;
1300
+ display: flex;
1301
+ flex-direction: column;
1302
+ gap: 10px;
1382
1303
  }
1383
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__disabled {
1384
- background: #fff;
1385
- cursor: not-allowed;
1304
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextTitle {
1305
+ width: 100%;
1306
+ overflow: hidden;
1307
+ color: #fff;
1308
+ text-overflow: ellipsis;
1309
+ font-family: "Inter-Medium", sans-serif;
1310
+ font-size: 14px;
1311
+ font-style: normal;
1312
+ font-weight: 450;
1313
+ letter-spacing: 0.1px;
1386
1314
  }
1387
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1388
- color: #7a7b80;
1315
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextDescription {
1316
+ width: 100%;
1317
+ color: #fff;
1318
+ font-family: "Inter-Regular", sans-serif;
1319
+ font-size: 14px;
1320
+ font-style: normal;
1321
+ font-weight: 400;
1322
+ letter-spacing: 0px;
1389
1323
  }
1390
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__focused {
1391
- outline: 2px solid #91e766;
1392
- outline-offset: 0px;
1393
- background: #fff;
1324
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight {
1325
+ display: flex;
1326
+ align-items: center;
1327
+ gap: 10px;
1394
1328
  }
1395
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1396
- color: #328707;
1329
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight * {
1330
+ user-select: none;
1331
+ -webkit-user-select: none;
1332
+ -moz-user-select: none;
1333
+ -ms-user-select: none;
1334
+ user-select: none;
1335
+ -webkit-user-select: none;
1336
+ -moz-user-select: none;
1337
+ -ms-user-select: none;
1397
1338
  }
1398
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative {
1399
- background: #fff;
1339
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightUndoText {
1340
+ overflow: hidden;
1341
+ color: #fff;
1342
+ text-align: center;
1343
+ font-feature-settings: "liga" off, "clig" off;
1344
+ text-overflow: ellipsis;
1345
+ font-family: "Inter-Medium", sans-serif;
1346
+ font-size: 14px;
1347
+ font-style: normal;
1348
+ font-weight: 450;
1349
+ line-height: 24px;
1350
+ letter-spacing: 0.1px;
1351
+ cursor: pointer;
1400
1352
  }
1401
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__loading {
1402
- cursor: no-drop;
1353
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightClose {
1354
+ display: flex;
1355
+ align-items: center;
1356
+ justify-content: center;
1357
+ cursor: pointer;
1358
+ padding-left: 10px;
1359
+ border-left: 2px solid rgba(255, 255, 255, 0.25);
1360
+ }@font-face {
1361
+ font-family: "Inter-Regular";
1362
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1403
1363
  }
1404
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
1405
- background: #fff2f2 !important;
1364
+ @font-face {
1365
+ font-family: "Inter-SemiBold";
1366
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1406
1367
  }
1407
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__disabled {
1408
- background: #fff;
1409
- cursor: not-allowed;
1368
+ @font-face {
1369
+ font-family: "Inter-Medium";
1370
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1410
1371
  }
1411
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1412
- color: #7a7b80;
1372
+ .Tooltip-module__tooltipContainer {
1373
+ position: relative;
1413
1374
  }
1414
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__focused {
1415
- outline: 2px solid #fcdcdc;
1416
- outline-offset: 0px;
1417
- background: #fff;
1375
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent {
1376
+ border-radius: 0.5rem;
1377
+ background: #181d27;
1378
+ padding: 0.75rem;
1379
+ max-width: 200px;
1380
+ min-width: 118px;
1381
+ position: absolute;
1382
+ z-index: 99999;
1383
+ word-break: break-word;
1384
+ /* Absolute positioning */
1385
+ /* CSS border triangles */
1386
+ /* Absolute positioning */
1387
+ /* CSS border triangles */
1388
+ /* Absolute positioning */
1389
+ /* CSS border triangles */
1390
+ /* Absolute positioning */
1391
+ /* CSS border triangles */
1418
1392
  }
1419
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1420
- color: #e3292f;
1393
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__withoutPointer::before {
1394
+ all: initial;
1421
1395
  }
1422
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2 {
1423
- background: #fff;
1396
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent::before {
1397
+ content: " ";
1398
+ left: 50%;
1399
+ border: solid transparent;
1400
+ height: 0;
1401
+ width: 0;
1402
+ position: absolute;
1403
+ pointer-events: none;
1404
+ border-width: 6px;
1405
+ margin-left: -6px;
1424
1406
  }
1425
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__loading {
1426
- cursor: no-drop;
1407
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__top::before {
1408
+ top: 100%;
1409
+ border-top-color: #181d27;
1410
+ left: var(--pointer-position);
1427
1411
  }
1428
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
1429
- background: #ecf3ff !important;
1412
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__right::before {
1413
+ left: -6px;
1414
+ top: 50%;
1415
+ transform: translateX(0) translateY(-50%);
1416
+ border-right-color: #181d27;
1430
1417
  }
1431
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__disabled {
1432
- background: #f2f2f2;
1433
- cursor: not-allowed;
1418
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom::before {
1419
+ bottom: 100%;
1420
+ left: var(--pointer-position);
1421
+ border-bottom-color: #181d27;
1434
1422
  }
1435
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1436
- color: #7a7b80;
1423
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left::before {
1424
+ left: auto;
1425
+ right: -12px;
1426
+ top: 50%;
1427
+ transform: translateX(0) translateY(-50%);
1428
+ border-left-color: #181d27;
1437
1429
  }
1438
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__focused {
1439
- outline: 2px solid #dee9fc;
1440
- outline-offset: 0px;
1441
- background: #fff;
1430
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipTitle {
1431
+ width: 100%;
1432
+ word-break: break-word;
1433
+ color: #fff;
1434
+ font-family: "Inter-Regular", sans-serif;
1435
+ font-size: 0.75rem;
1436
+ font-style: normal;
1437
+ font-weight: 600;
1438
+ line-height: 1.125rem; /* 150% */
1442
1439
  }
1443
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2 .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1444
- color: #0058ff;
1440
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipText {
1441
+ width: 100%;
1442
+ word-break: break-word;
1443
+ color: rgba(255, 255, 255, 0.9);
1444
+ font-family: "Inter-Regular", sans-serif;
1445
+ font-size: 0.75rem;
1446
+ font-style: normal;
1447
+ font-weight: 500;
1448
+ line-height: 1.125rem; /* 150% */
1445
1449
  }
1446
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3 {
1447
- border: 1px solid #e6e6e6;
1448
- background: #fff;
1450
+
1451
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent {
1452
+ background: #ffffff;
1449
1453
  }
1450
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__loading {
1451
- cursor: no-drop;
1454
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__top::before {
1455
+ border-top-color: #ffffff;
1456
+ left: var(--pointer-position);
1452
1457
  }
1453
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
1454
- border-color: #c1c2c7 !important;
1458
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__right::before {
1459
+ border-right-color: #ffffff;
1455
1460
  }
1456
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled {
1457
- background: #fff;
1458
- border: 1px solid #e6e6e6;
1459
- cursor: not-allowed;
1461
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom::before {
1462
+ border-bottom-color: #ffffff;
1460
1463
  }
1461
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1462
- color: #7a7b80;
1464
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left::before {
1465
+ border-left-color: #ffffff;
1463
1466
  }
1464
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__focused {
1465
- border: 1px solid transparent;
1466
- outline: 2px solid #dee9fc;
1467
- outline-offset: 0px;
1468
- background: #fff;
1467
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipTitle {
1468
+ color: #0c0e12;
1469
1469
  }
1470
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1471
- color: #0058ff;
1470
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipText {
1471
+ color: rgba(12, 14, 18, 0.9);
1472
1472
  }@font-face {
1473
1473
  font-family: "Inter-Regular";
1474
- src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2"), url("/assets/Inter_24pt-Regular-IV8-j2Ig.woff") format("woff");
1474
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1475
1475
  }
1476
1476
  @font-face {
1477
1477
  font-family: "Inter-SemiBold";
1478
- src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2"), url("/assets/Inter_24pt-SemiBold-Tm_onoXC.woff") format("woff");
1478
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1479
1479
  }
1480
1480
  @font-face {
1481
1481
  font-family: "Inter-Medium";
1482
- src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2"), url("/assets/Inter_24pt-Medium-Bs8f9ErM.woff") format("woff");
1482
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1483
1483
  }
1484
1484
  .TimePicker-module__timepickerWrapper {
1485
1485
  user-select: none;
@@ -1620,15 +1620,15 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1620
1620
  padding: 8px;
1621
1621
  }@font-face {
1622
1622
  font-family: "Inter-Regular";
1623
- src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2"), url("/assets/Inter_24pt-Regular-IV8-j2Ig.woff") format("woff");
1623
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1624
1624
  }
1625
1625
  @font-face {
1626
1626
  font-family: "Inter-SemiBold";
1627
- src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2"), url("/assets/Inter_24pt-SemiBold-Tm_onoXC.woff") format("woff");
1627
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1628
1628
  }
1629
1629
  @font-face {
1630
1630
  font-family: "Inter-Medium";
1631
- src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2"), url("/assets/Inter_24pt-Medium-Bs8f9ErM.woff") format("woff");
1631
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1632
1632
  }
1633
1633
  .Datepicker-module__datepickerContainer {
1634
1634
  width: 100%;
@@ -1658,15 +1658,15 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1658
1658
  cursor: pointer;
1659
1659
  }@font-face {
1660
1660
  font-family: "Inter-Regular";
1661
- src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2"), url("/assets/Inter_24pt-Regular-IV8-j2Ig.woff") format("woff");
1661
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1662
1662
  }
1663
1663
  @font-face {
1664
1664
  font-family: "Inter-SemiBold";
1665
- src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2"), url("/assets/Inter_24pt-SemiBold-Tm_onoXC.woff") format("woff");
1665
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1666
1666
  }
1667
1667
  @font-face {
1668
1668
  font-family: "Inter-Medium";
1669
- src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2"), url("/assets/Inter_24pt-Medium-Bs8f9ErM.woff") format("woff");
1669
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1670
1670
  }
1671
1671
  .Dropdown-module__dropdownWrapper {
1672
1672
  user-select: none;
@@ -1899,15 +1899,15 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1899
1899
  letter-spacing: 0.1px;
1900
1900
  }@font-face {
1901
1901
  font-family: "Inter-Regular";
1902
- src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2"), url("/assets/Inter_24pt-Regular-IV8-j2Ig.woff") format("woff");
1902
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1903
1903
  }
1904
1904
  @font-face {
1905
1905
  font-family: "Inter-SemiBold";
1906
- src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2"), url("/assets/Inter_24pt-SemiBold-Tm_onoXC.woff") format("woff");
1906
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1907
1907
  }
1908
1908
  @font-face {
1909
1909
  font-family: "Inter-Medium";
1910
- src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2"), url("/assets/Inter_24pt-Medium-Bs8f9ErM.woff") format("woff");
1910
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1911
1911
  }
1912
1912
  .Calendar-module__datePicker {
1913
1913
  z-index: 150;
@@ -1946,7 +1946,7 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1946
1946
  width: 100%;
1947
1947
  padding: 8px;
1948
1948
  color: #414651;
1949
- font-family: "Inter", sans-serif;
1949
+ font-family: "Inter-Regular", sans-serif;
1950
1950
  font-size: 0.875rem;
1951
1951
  font-style: normal;
1952
1952
  font-weight: 500;
@@ -1982,7 +1982,7 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1982
1982
  width: 100%;
1983
1983
  }
1984
1984
  .Calendar-module__datePicker .Calendar-module__div span {
1985
- font-family: "Inter", sans-serif;
1985
+ font-family: "Inter-Regular", sans-serif;
1986
1986
  }
1987
1987
  .Calendar-module__datePicker .Calendar-module__currentDateHeader {
1988
1988
  overflow: hidden;
@@ -2092,7 +2092,7 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
2092
2092
  .Calendar-module__datePicker table th,
2093
2093
  .Calendar-module__datePicker table td:not(.Calendar-module__spacerRow td) {
2094
2094
  text-align: center;
2095
- font-family: "Inter", sans-serif;
2095
+ font-family: "Inter-Regular", sans-serif;
2096
2096
  color: #131314;
2097
2097
  font-family: "Inter-Regular", sans-serif;
2098
2098
  font-size: 14px;
@@ -2197,7 +2197,7 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
2197
2197
  color: #131314;
2198
2198
  font-feature-settings: "liga" off, "clig" off;
2199
2199
  text-overflow: ellipsis;
2200
- font-family: "Inter", sans-serif;
2200
+ font-family: "Inter-Regular", sans-serif;
2201
2201
  font-size: 14px;
2202
2202
  font-style: normal;
2203
2203
  font-weight: 400;