@e1011/es-kit 1.1.80 → 1.1.82

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 (25) hide show
  1. package/dist/hooks/esm/index.css +413 -413
  2. package/dist/hooks/index.css +413 -413
  3. package/dist/lib/cjs/src/core/ui/components/container/ResizableContainer.js.map +1 -1
  4. package/dist/lib/cjs/src/core/ui/components/container/layoutBox/layoutBox.types.js.map +1 -1
  5. package/dist/lib/cjs/src/core/ui/components/molecules/popup/Popup.js +1 -1
  6. package/dist/lib/cjs/src/core/ui/components/molecules/popup/Popup.js.map +1 -1
  7. package/dist/lib/esm/src/core/ui/components/container/ResizableContainer.js.map +1 -1
  8. package/dist/lib/esm/src/core/ui/components/container/layoutBox/layoutBox.types.js.map +1 -1
  9. package/dist/lib/esm/src/core/ui/components/molecules/popup/Popup.js +1 -1
  10. package/dist/lib/esm/src/core/ui/components/molecules/popup/Popup.js.map +1 -1
  11. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  12. package/dist/types/src/core/ui/components/container/ResizableContainer.d.ts.map +1 -1
  13. package/dist/types/src/core/ui/components/container/layoutBox/layoutBox.types.d.ts +2 -10
  14. package/dist/types/src/core/ui/components/container/layoutBox/layoutBox.types.d.ts.map +1 -1
  15. package/dist/ui/esm/src/core/ui/components/container/ResizableContainer.js.map +1 -1
  16. package/dist/ui/esm/src/core/ui/components/container/layoutBox/layoutBox.types.js.map +1 -1
  17. package/dist/ui/esm/src/core/ui/components/molecules/popup/Popup.js +1 -1
  18. package/dist/ui/esm/src/core/ui/components/molecules/popup/Popup.js.map +1 -1
  19. package/dist/ui/src/core/ui/components/container/ResizableContainer.js.map +1 -1
  20. package/dist/ui/src/core/ui/components/container/layoutBox/layoutBox.types.js.map +1 -1
  21. package/dist/ui/src/core/ui/components/molecules/popup/Popup.js +1 -1
  22. package/dist/ui/src/core/ui/components/molecules/popup/Popup.js.map +1 -1
  23. package/dist/utils/esm/index.css +413 -413
  24. package/dist/utils/index.css +413 -413
  25. package/package.json +1 -1
@@ -1,33 +1,3 @@
1
- .icon-module_icon-base-parent__nOMvW {
2
- line-height: 1px !important;
3
- }
4
-
5
- .icon-module_icon-base__S0tHf {
6
- min-width: var(--min-width);
7
- min-height: var(--min-height);
8
- width: var(--width) !important;
9
- height: var(--height) !important;
10
- line-height: 1px !important;
11
- background-color: var(--icon-color);
12
- color: var(--icon-content-color);
13
- background-repeat: no-repeat;
14
- mask-image: var(--icon-url);
15
- -webkit-mask-image: var(--icon-url);
16
- mask-repeat: no-repeat;
17
- -webkit-mask-repeat: no-repeat;
18
- mask-size: contain;
19
- -webkit-mask-size: contain;
20
- mask-position: center;
21
- -webkit-mask-position: center;
22
- display: inline-block;
23
- will-change: transform;
24
- transform: translate3d(0, 0, 0);
25
- }
26
- .icon-module_icon-base__S0tHf svg {
27
- fill: var(--icon-content-color);
28
- width: var(--height);
29
- height: var(--width);
30
- }
31
1
  .CollapsibleContainer-module_collapsible-container__u0Jmm {
32
2
  transform-origin: 0% 0%;
33
3
  opacity: 0;
@@ -61,14 +31,54 @@
61
31
  max-width: var(--prop-value);
62
32
  opacity: 1;
63
33
  }
64
- .errorBoundary-module_errorBoundary__gk9ps {
65
- background: #EFEFEF;
66
- width: 100%;
67
- height: 100%;
34
+ .divider-module_divider-line__6CesR {
35
+ position: relative;
36
+ display: block;
37
+ transition: opacity, width, height 250ms ease-in-out;
38
+ background-color: var(--color);
39
+ opacity: var(--opacity);
40
+ }
41
+ .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
42
+ height: var(--length);
43
+ left: var(--left);
44
+ width: var(--width);
45
+ margin: var(--margin);
46
+ }
47
+ .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
48
+ width: var(--length);
49
+ left: var(--left);
50
+ height: var(--height);
51
+ margin: var(--margin);
52
+ }
53
+ .icon-module_icon-base-parent__nOMvW {
54
+ line-height: 1px !important;
68
55
  }
69
56
 
70
- .errorBoundary-module_StyledIcon__IYHiU {
71
- margin-right: 10px;
57
+ .icon-module_icon-base__S0tHf {
58
+ min-width: var(--min-width);
59
+ min-height: var(--min-height);
60
+ width: var(--width) !important;
61
+ height: var(--height) !important;
62
+ line-height: 1px !important;
63
+ background-color: var(--icon-color);
64
+ color: var(--icon-content-color);
65
+ background-repeat: no-repeat;
66
+ mask-image: var(--icon-url);
67
+ -webkit-mask-image: var(--icon-url);
68
+ mask-repeat: no-repeat;
69
+ -webkit-mask-repeat: no-repeat;
70
+ mask-size: contain;
71
+ -webkit-mask-size: contain;
72
+ mask-position: center;
73
+ -webkit-mask-position: center;
74
+ display: inline-block;
75
+ will-change: transform;
76
+ transform: translate3d(0, 0, 0);
77
+ }
78
+ .icon-module_icon-base__S0tHf svg {
79
+ fill: var(--icon-content-color);
80
+ width: var(--height);
81
+ height: var(--width);
72
82
  }
73
83
  .field-module_field__UfKm3 {
74
84
  opacity: 1;
@@ -144,48 +154,14 @@
144
154
  .field-module_field__UfKm3 label {
145
155
  text-align: left;
146
156
  }
147
- .divider-module_divider-line__6CesR {
148
- position: relative;
149
- display: block;
150
- transition: opacity, width, height 250ms ease-in-out;
151
- background-color: var(--color);
152
- opacity: var(--opacity);
153
- }
154
- .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
155
- height: var(--length);
156
- left: var(--left);
157
- width: var(--width);
158
- margin: var(--margin);
159
- }
160
- .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
161
- width: var(--length);
162
- left: var(--left);
163
- height: var(--height);
164
- margin: var(--margin);
157
+ .errorBoundary-module_errorBoundary__gk9ps {
158
+ background: #EFEFEF;
159
+ width: 100%;
160
+ height: 100%;
165
161
  }
166
- .layoutBox-module_layout-box__ZIID8 {
167
- display: flex;
168
- position: relative;
169
- flex-direction: row;
170
- flex: 0;
171
- flex-grow: 0;
172
- flex-shrink: 0;
173
- flex-basis: auto;
174
- flex-wrap: nowrap;
175
- gap: 0;
176
- text-align: left;
177
- justify-content: flex-start;
178
- align-items: flex-start;
179
- align-self: auto;
180
- margin: 0;
181
- padding: 0;
182
- width: auto;
183
- height: auto;
184
- max-width: none;
185
- max-height: none;
186
- min-width: 0;
187
- min-height: 0;
188
- border-radius: initial;
162
+
163
+ .errorBoundary-module_StyledIcon__IYHiU {
164
+ margin-right: 10px;
189
165
  }
190
166
  .lazyComponent-module_loader__brMEW {
191
167
  position: relative;
@@ -230,201 +206,125 @@
230
206
  stroke-dashoffset: -124;
231
207
  }
232
208
  }
209
+ .layoutBox-module_layout-box__ZIID8 {
210
+ display: flex;
211
+ position: relative;
212
+ flex-direction: row;
213
+ flex: 0;
214
+ flex-grow: 0;
215
+ flex-shrink: 0;
216
+ flex-basis: auto;
217
+ flex-wrap: nowrap;
218
+ gap: 0;
219
+ text-align: left;
220
+ justify-content: flex-start;
221
+ align-items: flex-start;
222
+ align-self: auto;
223
+ margin: 0;
224
+ padding: 0;
225
+ width: auto;
226
+ height: auto;
227
+ max-width: none;
228
+ max-height: none;
229
+ min-width: 0;
230
+ min-height: 0;
231
+ border-radius: initial;
232
+ }
233
233
  :root {
234
234
  --divider-line: #4a4b4b;
235
235
  }
236
236
 
237
- .button-module_overflow-hidden__Vc5AU, .button-module_text-truncate__a89Bp {
237
+ .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
238
238
  overflow: hidden !important;
239
239
  }
240
240
 
241
- .button-module_text-nowrap__tR-VJ, .button-module_text-truncate__a89Bp {
241
+ .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
242
242
  white-space: nowrap !important;
243
243
  }
244
244
 
245
- .button-module_text-ellipsis__5MFA9, .button-module_text-truncate__a89Bp {
245
+ .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
246
246
  text-overflow: ellipsis !important;
247
247
  }
248
248
 
249
- .button-module_button__NDMQS {
250
- border: none;
251
- color: #090A0A;
252
- padding: 0.5rem 1rem;
253
- text-align: center;
254
- text-decoration: none;
255
- font-size: 1rem;
256
- overflow: hidden;
257
- display: flex;
258
- align-items: center;
259
- justify-content: center;
260
- min-width: "auto";
261
- width: "auto";
262
- user-select: all;
263
- pointer-events: auto;
264
- cursor: pointer;
265
- }
266
- .button-module_button__NDMQS > span {
267
- overflow: hidden;
268
- white-space: nowrap;
269
- display: inline-block;
249
+ .popup-module_popup-container__PJ0oQ {
250
+ --popup-width: 60vw;
251
+ --popup-height: 50vh;
252
+ position: fixed;
253
+ width: var(--popup-width);
254
+ height: var(--popup-height);
255
+ --slideXFrom: 0;
256
+ --slideYFrom: 0;
257
+ will-change: opacity;
258
+ transition: opacity 300ms ease-in-out;
259
+ opacity: 0;
260
+ visibility: hidden;
261
+ pointer-events: none;
270
262
  }
271
- .button-module_button__NDMQS.button-module_info__O6gEW {
272
- background-color: #2D8EFF;
263
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
264
+ position: relative;
265
+ flex-direction: column;
266
+ align-items: start;
267
+ width: 100%;
268
+ height: 100%;
269
+ overflow-x: clip;
270
+ background-color: #090A0A;
271
+ border-radius: 4px;
272
+ box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
273
+ transition: transform 350ms ease-out;
274
+ will-change: transform;
275
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
273
276
  }
274
- .button-module_button__NDMQS.button-module_info__O6gEW.button-module_transparent__zbeBu {
275
- border: 1px solid #2D8EFF !important;
277
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
278
+ margin-bottom: 0;
276
279
  }
277
- .button-module_button__NDMQS.button-module_success__gM25y {
278
- background-color: #13CE66;
280
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
281
+ cursor: pointer;
282
+ line-height: 1px;
283
+ background-color: rgba(255, 255, 255, 0);
279
284
  }
280
- .button-module_button__NDMQS.button-module_success__gM25y.button-module_transparent__zbeBu {
281
- border: 1px solid #13CE66 !important;
285
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
286
+ background-color: #FDDA0D;
287
+ width: 9px !important;
288
+ height: 9px !important;
289
+ line-height: 1px !important;
282
290
  }
283
- .button-module_button__NDMQS.button-module_error__q9qqo {
284
- background-color: #FF4949;
291
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
292
+ background-color: #FFEA00;
285
293
  }
286
- .button-module_button__NDMQS.button-module_error__q9qqo.button-module_transparent__zbeBu {
287
- border: 1px solid #FF4949 !important;
294
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
295
+ width: 100%;
296
+ height: 100%;
297
+ padding: 24px;
298
+ overflow-y: auto;
299
+ display: flex;
288
300
  }
289
- .button-module_button__NDMQS.button-module_warning__MdmiZ {
290
- background-color: #FFCC3D;
301
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
302
+ overflow-y: auto;
291
303
  }
292
- .button-module_button__NDMQS.button-module_warning__MdmiZ.button-module_transparent__zbeBu {
293
- border: 1px solid #FFCC3D !important;
304
+ .popup-module_popup-container__PJ0oQ[data-show] {
305
+ opacity: 1;
306
+ visibility: visible;
307
+ pointer-events: all;
294
308
  }
295
- .button-module_button__NDMQS.button-module_link__e-4Fu {
296
- border: none !important;
297
- background-color: transparent !important;
298
- background: transparent !important;
309
+ .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
310
+ transform: translateX(0) translateY(0);
299
311
  }
300
- .button-module_button__NDMQS.button-module_link__e-4Fu:hover {
301
- border: none !important;
302
- background-color: transparent !important;
303
- background: transparent !important;
304
- }
305
- .button-module_button__NDMQS.button-module_link__e-4Fu:hover * {
306
- text-decoration: underline !important;
307
- }
308
- .button-module_button__NDMQS.button-module_transparent__zbeBu {
309
- border: none !important;
310
- background-color: transparent !important;
311
- background: transparent !important;
312
- }
313
- .button-module_button__NDMQS.button-module_tiny__pBNwo {
314
- height: 1.4rem;
315
- min-width: 1.5rem;
316
- width: 1.5rem;
317
- padding: 0.2rem;
318
- font-size: 0.8rem;
319
- }
320
- .button-module_button__NDMQS.button-module_fluid__GXxID {
321
- width: 100%;
322
- }
323
- .button-module_button__NDMQS.button-module_truncate__c-G9k > span {
324
- overflow: hidden !important;
325
- white-space: nowrap !important;
326
- text-overflow: ellipsis !important;
327
- }
328
- .button-module_button__NDMQS.button-module_animated__gLwPl {
329
- transition: transform 250ms ease-out;
330
- }
331
- .button-module_button__NDMQS.button-module_hasShadow__42BQv {
332
- box-shadow: 0 5px 15px 0 rgba(28, 37, 39, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.1);
333
- }
334
- .button-module_button__NDMQS.button-module_hasIcon__dXLlJ {
335
- padding: 0.4rem;
336
- border: none !important;
337
- line-height: 1px;
338
- }
339
- .button-module_button__NDMQS.button-module_hasIcon__dXLlJ.button-module_tiny__pBNwo {
340
- padding: 0px;
341
- }
342
- .button-module_button__NDMQS:hover {
343
- background-color: #c5c5c5 !important;
344
- }
345
- .button-module_button__NDMQS:hover.button-module_animated__gLwPl {
346
- transform: scale(1.2);
347
- }
348
- .button-module_button__NDMQS:hover.button-module_transparent__zbeBu {
349
- background-color: rgba(197, 197, 197, 0.1254901961) !important;
350
- }
351
- .button-module_button__NDMQS.button-module_disabled__hEydO {
352
- user-select: none;
312
+ .popup-module_popup-container__PJ0oQ[data-show=false] {
313
+ opacity: 0;
314
+ visibility: hidden;
353
315
  pointer-events: none;
354
- cursor: not-allowed;
355
316
  }
356
-
357
- .cui-theme-dark .button-module_button__NDMQS {
358
- color: #F4F4F4;
359
- }
360
- .cui-theme-light .button-module_button__NDMQS {
361
- color: #090A0A;
362
- }
363
- :root {
364
- --divider-line: #4a4b4b;
365
- }
366
-
367
- .typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
368
- overflow: hidden !important;
369
- }
370
-
371
- .typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
372
- white-space: nowrap !important;
373
- }
374
-
375
- .typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
376
- text-overflow: ellipsis !important;
377
- }
378
-
379
- .typography-module_headline__b0XlP {
380
- font-size: 28px;
381
- line-height: 32px;
382
- }
383
-
384
- .typography-module_headlineSecondary__IDnhT {
385
- font-size: 24px;
386
- line-height: 28px;
387
- }
388
-
389
- .typography-module_headlineTertiary__mlG-v {
390
- font-size: 18px;
391
- line-height: 24x;
392
- }
393
-
394
- .typography-module_paragraph__tgBAx, .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY, .typography-module_paragraphSmall__vTMiI {
395
- font-size: 14px;
396
- line-height: 18px;
397
- font-weight: 300;
398
- }
399
-
400
- .typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
401
- font-size: 12px;
402
- }
403
-
404
- .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
405
- font-weight: 600;
317
+ .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
318
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
406
319
  }
407
320
 
408
- .typography-module_link__DWurf {
409
- overflow: hidden !important;
410
- white-space: nowrap !important;
411
- text-overflow: ellipsis !important;
412
- text-decoration: none;
413
- color: #65C5F6;
414
- display: inline;
415
- gap: 4px;
416
- flex-grow: 0;
417
- max-width: 400px;
418
- position: relative;
419
- vertical-align: center;
420
- }
421
- .typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
422
- text-decoration: underline;
423
- color: #65C5F6;
321
+ .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
322
+ background-color: #090A0A;
323
+ color: #F4F4F4;
424
324
  }
425
- .typography-module_link__DWurf.typography-module_disabled__hjK8C {
426
- pointer-events: none;
427
- opacity: 0.6;
325
+ .cui-theme-light .popup-module_popup-container-inner__n83Cz {
326
+ background-color: #090A0A;
327
+ color: #F4F4F4;
428
328
  }
429
329
  :root {
430
330
  --divider-line: #4a4b4b;
@@ -553,213 +453,224 @@
553
453
  width: 100%;
554
454
  min-width: 0;
555
455
  }
556
- .textAndContent-module_textAndContent__X5P1n {
557
- align-items: baseline;
558
- flex-shrink: 1;
559
- gap: 8px;
456
+ .popup-overlay-module_popup-modal-overlay__dlJqM {
457
+ z-index: 1;
458
+ position: fixed;
459
+ width: 100%;
460
+ height: 100%;
461
+ top: 0;
462
+ left: 0;
463
+ background: rgba(40, 80, 120, 0.8) !important;
464
+ pointer-events: all;
465
+ user-select: none;
466
+ will-change: opacity;
467
+ transition: opacity 450ms ease-in-out;
468
+ opacity: 0;
469
+ visibility: hidden;
470
+ }
471
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
472
+ opacity: 1;
473
+ visibility: visible;
474
+ }
475
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
476
+ opacity: 0;
477
+ visibility: hidden;
560
478
  }
561
479
  :root {
562
480
  --divider-line: #4a4b4b;
563
481
  }
564
482
 
565
- .toggle-module_overflow-hidden__NxfFx, .toggle-module_text-truncate__Wg-Jx {
483
+ .button-module_overflow-hidden__Vc5AU, .button-module_text-truncate__a89Bp {
566
484
  overflow: hidden !important;
567
485
  }
568
486
 
569
- .toggle-module_text-nowrap__F9ld6, .toggle-module_text-truncate__Wg-Jx {
487
+ .button-module_text-nowrap__tR-VJ, .button-module_text-truncate__a89Bp {
570
488
  white-space: nowrap !important;
571
489
  }
572
490
 
573
- .toggle-module_text-ellipsis__ftYlg, .toggle-module_text-truncate__Wg-Jx {
491
+ .button-module_text-ellipsis__5MFA9, .button-module_text-truncate__a89Bp {
574
492
  text-overflow: ellipsis !important;
575
493
  }
576
494
 
577
- .toggle-module_toggle__p1Ep4 {
495
+ .button-module_button__NDMQS {
496
+ border: none;
497
+ color: #090A0A;
498
+ padding: 0.5rem 1rem;
499
+ text-align: center;
500
+ text-decoration: none;
501
+ font-size: 1rem;
502
+ overflow: hidden;
503
+ display: flex;
504
+ align-items: center;
505
+ justify-content: center;
506
+ min-width: "auto";
507
+ width: "auto";
508
+ user-select: all;
509
+ pointer-events: auto;
510
+ cursor: pointer;
511
+ }
512
+ .button-module_button__NDMQS > span {
513
+ overflow: hidden;
514
+ white-space: nowrap;
578
515
  display: inline-block;
579
- position: relative;
580
- max-width: 48px;
581
- max-height: 24px;
582
- width: 48px;
583
- height: 24px;
584
- border-radius: 16px !important;
585
516
  }
586
- .toggle-module_toggle__p1Ep4 input {
587
- opacity: 0;
588
- width: 0;
589
- height: 0;
517
+ .button-module_button__NDMQS.button-module_info__O6gEW {
518
+ background-color: #2D8EFF;
590
519
  }
591
- .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG {
592
- box-sizing: border-box;
593
- position: absolute;
594
- cursor: pointer;
595
- width: 48px;
596
- height: 24px;
597
- top: 0;
598
- left: 0;
599
- right: 0;
600
- bottom: 0;
601
- background-color: transparent;
602
- border: 1px solid #F4F4F4;
603
- transition: transform, background-color 0.4s ease;
604
- border-radius: 16px;
520
+ .button-module_button__NDMQS.button-module_info__O6gEW.button-module_transparent__zbeBu {
521
+ border: 1px solid #2D8EFF !important;
605
522
  }
606
- .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG:before {
607
- position: absolute;
608
- content: "";
609
- height: 20px;
610
- width: 20px;
611
- left: 1px;
612
- bottom: 1px;
613
- background-color: #F4F4F4;
614
- transition: transform 0.4s ease;
615
- border-radius: 50%;
523
+ .button-module_button__NDMQS.button-module_success__gM25y {
524
+ background-color: #13CE66;
616
525
  }
617
- .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG {
618
- background-color: #282A2A;
619
- border-color: #282A2A;
526
+ .button-module_button__NDMQS.button-module_success__gM25y.button-module_transparent__zbeBu {
527
+ border: 1px solid #13CE66 !important;
620
528
  }
621
- .toggle-module_toggle__p1Ep4 input:focus + .toggle-module_slider__2IVaG {
622
- box-shadow: 0 0 1px 1px #282A2A;
529
+ .button-module_button__NDMQS.button-module_error__q9qqo {
530
+ background-color: #FF4949;
623
531
  }
624
- .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
625
- transform: translateX(24px);
532
+ .button-module_button__NDMQS.button-module_error__q9qqo.button-module_transparent__zbeBu {
533
+ border: 1px solid #FF4949 !important;
626
534
  }
627
- .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH {
628
- opacity: 0.65;
535
+ .button-module_button__NDMQS.button-module_warning__MdmiZ {
536
+ background-color: #FFCC3D;
629
537
  }
630
- .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH input {
631
- pointer-events: none;
538
+ .button-module_button__NDMQS.button-module_warning__MdmiZ.button-module_transparent__zbeBu {
539
+ border: 1px solid #FFCC3D !important;
632
540
  }
633
- .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG {
634
- cursor: not-allowed;
541
+ .button-module_button__NDMQS.button-module_link__e-4Fu {
542
+ border: none !important;
543
+ background-color: transparent !important;
544
+ background: transparent !important;
635
545
  }
636
- .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG:after {
637
- content: " ";
638
- z-index: -1;
639
- display: block;
640
- position: absolute;
641
- height: 100%;
642
- top: 0;
643
- left: 0;
644
- right: 0;
546
+ .button-module_button__NDMQS.button-module_link__e-4Fu:hover {
547
+ border: none !important;
548
+ background-color: transparent !important;
549
+ background: transparent !important;
645
550
  }
646
-
647
- .cui-theme-dark .toggle-module_toggle__p1Ep4 input:enabled + .toggle-module_slider__2IVaG:hover {
648
- background-color: #003A4C;
551
+ .button-module_button__NDMQS.button-module_link__e-4Fu:hover * {
552
+ text-decoration: underline !important;
649
553
  }
650
- .cui-theme-dark .toggle-module_toggle__p1Ep4 input:checked:enabled + .toggle-module_slider__2IVaG:hover {
651
- background-color: rgb(38.0475, 39.8525, 39.8525);
554
+ .button-module_button__NDMQS.button-module_transparent__zbeBu {
555
+ border: none !important;
556
+ background-color: transparent !important;
557
+ background: transparent !important;
652
558
  }
653
- .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG {
654
- border-color: rgb(32.4, 41.4, 41.4);
559
+ .button-module_button__NDMQS.button-module_tiny__pBNwo {
560
+ height: 1.4rem;
561
+ min-width: 1.5rem;
562
+ width: 1.5rem;
563
+ padding: 0.2rem;
564
+ font-size: 0.8rem;
655
565
  }
656
- .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:hover {
657
- background-color: rgba(40, 42, 42, 0.05);
566
+ .button-module_button__NDMQS.button-module_fluid__GXxID {
567
+ width: 100%;
568
+ }
569
+ .button-module_button__NDMQS.button-module_truncate__c-G9k > span {
570
+ overflow: hidden !important;
571
+ white-space: nowrap !important;
572
+ text-overflow: ellipsis !important;
573
+ }
574
+ .button-module_button__NDMQS.button-module_animated__gLwPl {
575
+ transition: transform 250ms ease-out;
576
+ }
577
+ .button-module_button__NDMQS.button-module_hasShadow__42BQv {
578
+ box-shadow: 0 5px 15px 0 rgba(28, 37, 39, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.1);
579
+ }
580
+ .button-module_button__NDMQS.button-module_hasIcon__dXLlJ {
581
+ padding: 0.4rem;
582
+ border: none !important;
583
+ line-height: 1px;
584
+ }
585
+ .button-module_button__NDMQS.button-module_hasIcon__dXLlJ.button-module_tiny__pBNwo {
586
+ padding: 0px;
587
+ }
588
+ .button-module_button__NDMQS:hover {
589
+ background-color: #c5c5c5 !important;
590
+ }
591
+ .button-module_button__NDMQS:hover.button-module_animated__gLwPl {
592
+ transform: scale(1.2);
593
+ }
594
+ .button-module_button__NDMQS:hover.button-module_transparent__zbeBu {
595
+ background-color: rgba(197, 197, 197, 0.1254901961) !important;
658
596
  }
659
- .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:before {
660
- background-color: #282A2A;
597
+ .button-module_button__NDMQS.button-module_disabled__hEydO {
598
+ user-select: none;
599
+ pointer-events: none;
600
+ cursor: not-allowed;
661
601
  }
662
- .cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
663
- background-color: #F4F4F4;
602
+
603
+ .cui-theme-dark .button-module_button__NDMQS {
604
+ color: #F4F4F4;
664
605
  }
665
- .cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:hover {
666
- background-color: rgb(54.7902439024, 70.0097560976, 70.0097560976);
606
+ .cui-theme-light .button-module_button__NDMQS {
607
+ color: #090A0A;
667
608
  }
668
609
  :root {
669
610
  --divider-line: #4a4b4b;
670
611
  }
671
612
 
672
- .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
613
+ .typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
673
614
  overflow: hidden !important;
674
615
  }
675
616
 
676
- .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
617
+ .typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
677
618
  white-space: nowrap !important;
678
619
  }
679
620
 
680
- .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
621
+ .typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
681
622
  text-overflow: ellipsis !important;
682
623
  }
683
624
 
684
- .popup-module_popup-container__PJ0oQ {
685
- --popup-width: 60vw;
686
- --popup-height: 50vh;
687
- position: fixed;
688
- width: var(--popup-width);
689
- height: var(--popup-height);
690
- --slideXFrom: 0;
691
- --slideYFrom: 0;
692
- will-change: opacity;
693
- transition: opacity 300ms ease-in-out;
694
- opacity: 0;
695
- visibility: hidden;
696
- pointer-events: none;
697
- }
698
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
699
- position: relative;
700
- flex-direction: column;
701
- align-items: start;
702
- width: 100%;
703
- height: 100%;
704
- overflow-x: clip;
705
- background-color: #090A0A;
706
- border-radius: 4px;
707
- box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
708
- transition: transform 350ms ease-out;
709
- will-change: transform;
710
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
711
- }
712
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
713
- margin-bottom: 0;
625
+ .typography-module_headline__b0XlP {
626
+ font-size: 28px;
627
+ line-height: 32px;
714
628
  }
715
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
716
- cursor: pointer;
717
- line-height: 1px;
718
- background-color: rgba(255, 255, 255, 0);
629
+
630
+ .typography-module_headlineSecondary__IDnhT {
631
+ font-size: 24px;
632
+ line-height: 28px;
719
633
  }
720
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
721
- background-color: #FDDA0D;
722
- width: 9px !important;
723
- height: 9px !important;
724
- line-height: 1px !important;
634
+
635
+ .typography-module_headlineTertiary__mlG-v {
636
+ font-size: 18px;
637
+ line-height: 24x;
725
638
  }
726
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
727
- background-color: #FFEA00;
639
+
640
+ .typography-module_paragraph__tgBAx, .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY, .typography-module_paragraphSmall__vTMiI {
641
+ font-size: 14px;
642
+ line-height: 18px;
643
+ font-weight: 300;
728
644
  }
729
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
730
- width: 100%;
731
- height: 100%;
732
- padding: 24px;
733
- overflow-y: auto;
734
- display: flex;
645
+
646
+ .typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
647
+ font-size: 12px;
735
648
  }
736
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
737
- overflow-y: auto;
649
+
650
+ .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
651
+ font-weight: 600;
738
652
  }
739
- .popup-module_popup-container__PJ0oQ[data-show] {
740
- opacity: 1;
741
- visibility: visible;
742
- pointer-events: all;
653
+
654
+ .typography-module_link__DWurf {
655
+ overflow: hidden !important;
656
+ white-space: nowrap !important;
657
+ text-overflow: ellipsis !important;
658
+ text-decoration: none;
659
+ color: #65C5F6;
660
+ display: inline;
661
+ gap: 4px;
662
+ flex-grow: 0;
663
+ max-width: 400px;
664
+ position: relative;
665
+ vertical-align: center;
743
666
  }
744
- .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
745
- transform: translateX(0) translateY(0);
667
+ .typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
668
+ text-decoration: underline;
669
+ color: #65C5F6;
746
670
  }
747
- .popup-module_popup-container__PJ0oQ[data-show=false] {
748
- opacity: 0;
749
- visibility: hidden;
671
+ .typography-module_link__DWurf.typography-module_disabled__hjK8C {
750
672
  pointer-events: none;
751
- }
752
- .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
753
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
754
- }
755
-
756
- .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
757
- background-color: #090A0A;
758
- color: #F4F4F4;
759
- }
760
- .cui-theme-light .popup-module_popup-container-inner__n83Cz {
761
- background-color: #090A0A;
762
- color: #F4F4F4;
673
+ opacity: 0.6;
763
674
  }
764
675
  :root {
765
676
  --divider-line: #4a4b4b;
@@ -925,28 +836,117 @@
925
836
  border-color: #FD8F3E;
926
837
  color: #632E03;
927
838
  }
928
- .popup-overlay-module_popup-modal-overlay__dlJqM {
929
- z-index: 1;
930
- position: fixed;
931
- width: 100%;
839
+ :root {
840
+ --divider-line: #4a4b4b;
841
+ }
842
+
843
+ .toggle-module_overflow-hidden__NxfFx, .toggle-module_text-truncate__Wg-Jx {
844
+ overflow: hidden !important;
845
+ }
846
+
847
+ .toggle-module_text-nowrap__F9ld6, .toggle-module_text-truncate__Wg-Jx {
848
+ white-space: nowrap !important;
849
+ }
850
+
851
+ .toggle-module_text-ellipsis__ftYlg, .toggle-module_text-truncate__Wg-Jx {
852
+ text-overflow: ellipsis !important;
853
+ }
854
+
855
+ .toggle-module_toggle__p1Ep4 {
856
+ display: inline-block;
857
+ position: relative;
858
+ max-width: 48px;
859
+ max-height: 24px;
860
+ width: 48px;
861
+ height: 24px;
862
+ border-radius: 16px !important;
863
+ }
864
+ .toggle-module_toggle__p1Ep4 input {
865
+ opacity: 0;
866
+ width: 0;
867
+ height: 0;
868
+ }
869
+ .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG {
870
+ box-sizing: border-box;
871
+ position: absolute;
872
+ cursor: pointer;
873
+ width: 48px;
874
+ height: 24px;
875
+ top: 0;
876
+ left: 0;
877
+ right: 0;
878
+ bottom: 0;
879
+ background-color: transparent;
880
+ border: 1px solid #F4F4F4;
881
+ transition: transform, background-color 0.4s ease;
882
+ border-radius: 16px;
883
+ }
884
+ .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG:before {
885
+ position: absolute;
886
+ content: "";
887
+ height: 20px;
888
+ width: 20px;
889
+ left: 1px;
890
+ bottom: 1px;
891
+ background-color: #F4F4F4;
892
+ transition: transform 0.4s ease;
893
+ border-radius: 50%;
894
+ }
895
+ .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG {
896
+ background-color: #282A2A;
897
+ border-color: #282A2A;
898
+ }
899
+ .toggle-module_toggle__p1Ep4 input:focus + .toggle-module_slider__2IVaG {
900
+ box-shadow: 0 0 1px 1px #282A2A;
901
+ }
902
+ .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
903
+ transform: translateX(24px);
904
+ }
905
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH {
906
+ opacity: 0.65;
907
+ }
908
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH input {
909
+ pointer-events: none;
910
+ }
911
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG {
912
+ cursor: not-allowed;
913
+ }
914
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG:after {
915
+ content: " ";
916
+ z-index: -1;
917
+ display: block;
918
+ position: absolute;
932
919
  height: 100%;
933
920
  top: 0;
934
921
  left: 0;
935
- background: rgba(40, 80, 120, 0.8) !important;
936
- pointer-events: all;
937
- user-select: none;
938
- will-change: opacity;
939
- transition: opacity 450ms ease-in-out;
940
- opacity: 0;
941
- visibility: hidden;
922
+ right: 0;
942
923
  }
943
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
944
- opacity: 1;
945
- visibility: visible;
924
+
925
+ .cui-theme-dark .toggle-module_toggle__p1Ep4 input:enabled + .toggle-module_slider__2IVaG:hover {
926
+ background-color: #003A4C;
946
927
  }
947
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
948
- opacity: 0;
949
- visibility: hidden;
928
+ .cui-theme-dark .toggle-module_toggle__p1Ep4 input:checked:enabled + .toggle-module_slider__2IVaG:hover {
929
+ background-color: rgb(38.0475, 39.8525, 39.8525);
930
+ }
931
+ .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG {
932
+ border-color: rgb(32.4, 41.4, 41.4);
933
+ }
934
+ .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:hover {
935
+ background-color: rgba(40, 42, 42, 0.05);
936
+ }
937
+ .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:before {
938
+ background-color: #282A2A;
939
+ }
940
+ .cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
941
+ background-color: #F4F4F4;
942
+ }
943
+ .cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:hover {
944
+ background-color: rgb(54.7902439024, 70.0097560976, 70.0097560976);
945
+ }
946
+ .textAndContent-module_textAndContent__X5P1n {
947
+ align-items: baseline;
948
+ flex-shrink: 1;
949
+ gap: 8px;
950
950
  }
951
951
  :root {
952
952
  --divider-line: #4a4b4b;