@e1011/es-kit 1.1.75 → 1.1.76

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/hooks/esm/index.css +328 -328
  2. package/dist/hooks/index.css +328 -328
  3. package/dist/utils/esm/index.css +328 -328
  4. package/dist/utils/index.css +328 -328
  5. package/package.json +1 -1
package/dist/hooks/index.css CHANGED
@@ -47,39 +47,6 @@
47
47
  height: var(--height);
48
48
  margin: var(--margin);
49
49
  }
50
- .CollapsibleContainer-module_collapsible-container__u0Jmm {
51
- transform-origin: 0% 0%;
52
- opacity: 0;
53
- overflow: clip;
54
- }
55
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN {
56
- transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out, max-height 0.2s ease-in-out;
57
- will-change: opacity, height, max-height;
58
- }
59
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_collapsed__q8fs8 {
60
- height: 0;
61
- max-height: 0;
62
- opacity: 0;
63
- }
64
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_expanded__O6Vh8 {
65
- height: var(--prop-value);
66
- max-height: var(--prop-value);
67
- opacity: 1;
68
- }
69
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI- {
70
- transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out, max-width 0.2s ease-in-out;
71
- will-change: opacity, width, max-width;
72
- }
73
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_collapsed__q8fs8 {
74
- width: 0;
75
- max-width: 0;
76
- opacity: 0;
77
- }
78
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_expanded__O6Vh8 {
79
- width: var(--prop-value);
80
- max-width: var(--prop-value);
81
- opacity: 1;
82
- }
83
50
  .field-module_field__UfKm3 {
84
51
  opacity: 1;
85
52
  pointer-events: auto;
@@ -163,6 +130,39 @@
163
130
  .errorBoundary-module_StyledIcon__IYHiU {
164
131
  margin-right: 10px;
165
132
  }
133
+ .CollapsibleContainer-module_collapsible-container__u0Jmm {
134
+ transform-origin: 0% 0%;
135
+ opacity: 0;
136
+ overflow: clip;
137
+ }
138
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN {
139
+ transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out, max-height 0.2s ease-in-out;
140
+ will-change: opacity, height, max-height;
141
+ }
142
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_collapsed__q8fs8 {
143
+ height: 0;
144
+ max-height: 0;
145
+ opacity: 0;
146
+ }
147
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_expanded__O6Vh8 {
148
+ height: var(--prop-value);
149
+ max-height: var(--prop-value);
150
+ opacity: 1;
151
+ }
152
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI- {
153
+ transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out, max-width 0.2s ease-in-out;
154
+ will-change: opacity, width, max-width;
155
+ }
156
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_collapsed__q8fs8 {
157
+ width: 0;
158
+ max-width: 0;
159
+ opacity: 0;
160
+ }
161
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_expanded__O6Vh8 {
162
+ width: var(--prop-value);
163
+ max-width: var(--prop-value);
164
+ opacity: 1;
165
+ }
166
166
  .layoutBox-module_layout-box__ZIID8 {
167
167
  display: flex;
168
168
  position: relative;
@@ -230,270 +230,90 @@
230
230
  stroke-dashoffset: -124;
231
231
  }
232
232
  }
233
- .popup-overlay-module_popup-modal-overlay__dlJqM {
234
- z-index: 1;
235
- position: fixed;
236
- width: 100%;
237
- height: 100%;
238
- top: 0;
239
- left: 0;
240
- background: rgba(40, 80, 120, 0.8) !important;
241
- pointer-events: all;
242
- user-select: none;
243
- will-change: opacity;
244
- transition: opacity 450ms ease-in-out;
245
- opacity: 0;
246
- visibility: hidden;
247
- }
248
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
249
- opacity: 1;
250
- visibility: visible;
251
- }
252
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
253
- opacity: 0;
254
- visibility: hidden;
255
- }
256
- .flowLayout-module_flowLayout__VHpnY {
257
- overflow: auto;
258
- }
259
- .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
260
- display: flex;
261
- width: 100%;
262
- min-width: 0;
263
- }
264
- .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
265
- display: flex;
266
- width: 100%;
267
- min-width: 0;
233
+ .textAndContent-module_textAndContent__X5P1n {
234
+ align-items: baseline;
235
+ flex-shrink: 1;
236
+ gap: 8px;
268
237
  }
269
238
  :root {
270
239
  --divider-line: #4a4b4b;
271
240
  }
272
241
 
273
- .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
242
+ .typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
274
243
  overflow: hidden !important;
275
244
  }
276
245
 
277
- .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
246
+ .typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
278
247
  white-space: nowrap !important;
279
248
  }
280
249
 
281
- .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
250
+ .typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
282
251
  text-overflow: ellipsis !important;
283
252
  }
284
253
 
285
- .tooltip-module_popover-tooltip__sAhKa {
286
- position: fixed;
287
- z-index: 999;
288
- will-change: opacity;
289
- transition: opacity 450ms ease;
290
- opacity: 0;
291
- visibility: hidden;
292
- border-radius: 4px;
293
- background-color: #1B1D1D;
294
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
295
- }
296
- .tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
297
- margin: 0;
298
- padding: 0;
299
- }
300
- .tooltip-module_popover-tooltip__sAhKa p {
301
- display: -webkit-box;
302
- -webkit-line-clamp: 4; /* number of lines to show */
303
- line-clamp: 4;
304
- -webkit-box-orient: vertical;
305
- margin: 0;
306
- width: 100%;
307
- white-space: normal;
308
- overflow: auto;
309
- }
310
- .tooltip-module_popover-tooltip__sAhKa[data-show] {
311
- opacity: 1;
312
- visibility: visible;
313
- }
314
- .tooltip-module_popover-tooltip__sAhKa[data-show=false] {
315
- opacity: 0;
316
- visibility: hidden;
317
- }
318
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
319
- bottom: -16px;
320
- }
321
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
322
- transform: rotate(0deg);
323
- }
324
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
325
- top: -16px;
326
- }
327
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
328
- transform: rotate(180deg);
329
- }
330
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
331
- right: -16px;
332
- }
333
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
334
- transform: rotate(-90deg);
335
- }
336
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
337
- left: -16px;
338
- }
339
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
340
- transform: rotate(90deg);
341
- }
342
- .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
343
- position: absolute;
344
- }
345
- .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
346
- content: "";
347
- border-width: 8px;
348
- border-style: solid;
349
- border-color: #1B1D1D transparent transparent transparent;
254
+ .typography-module_headline__b0XlP {
255
+ font-size: 28px;
256
+ line-height: 32px;
350
257
  }
351
258
 
352
- .tooltip-module_close-button__o8OBN {
353
- cursor: pointer;
354
- line-height: 1px;
355
- background-color: rgba(255, 255, 255, 0);
259
+ .typography-module_headlineSecondary__IDnhT {
260
+ font-size: 24px;
261
+ line-height: 28px;
356
262
  }
357
- .tooltip-module_close-button__o8OBN .icon-base {
358
- background-color: #FDDA0D;
359
- width: 9px !important;
360
- height: 9px !important;
361
- line-height: 1px !important;
263
+
264
+ .typography-module_headlineTertiary__mlG-v {
265
+ font-size: 18px;
266
+ line-height: 24x;
362
267
  }
363
- .tooltip-module_close-button__o8OBN:hover .icon-base {
364
- background-color: #FFEA00;
268
+
269
+ .typography-module_paragraph__tgBAx, .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY, .typography-module_paragraphSmall__vTMiI {
270
+ font-size: 14px;
271
+ line-height: 18px;
272
+ font-weight: 300;
365
273
  }
366
274
 
367
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
368
- background-color: #1B1D1D;
369
- color: #F4F4F4;
275
+ .typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
276
+ font-size: 12px;
370
277
  }
371
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
372
- border-color: #1B1D1D transparent transparent transparent;
278
+
279
+ .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
280
+ font-weight: 600;
373
281
  }
374
- .cui-theme-light {
375
- color: #1B1D1D;
282
+
283
+ .typography-module_link__DWurf {
284
+ overflow: hidden !important;
285
+ white-space: nowrap !important;
286
+ text-overflow: ellipsis !important;
287
+ text-decoration: none;
288
+ color: #65C5F6;
289
+ display: inline;
290
+ gap: 4px;
291
+ flex-grow: 0;
292
+ max-width: 400px;
293
+ position: relative;
294
+ vertical-align: center;
376
295
  }
377
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
378
- background-color: #515757;
296
+ .typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
297
+ text-decoration: underline;
298
+ color: #65C5F6;
379
299
  }
380
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
381
- border-color: #515757 transparent transparent transparent;
300
+ .typography-module_link__DWurf.typography-module_disabled__hjK8C {
301
+ pointer-events: none;
302
+ opacity: 0.6;
382
303
  }
383
304
  :root {
384
305
  --divider-line: #4a4b4b;
385
306
  }
386
307
 
387
- .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
308
+ .button-module_overflow-hidden__Vc5AU, .button-module_text-truncate__a89Bp {
388
309
  overflow: hidden !important;
389
310
  }
390
311
 
391
- .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
312
+ .button-module_text-nowrap__tR-VJ, .button-module_text-truncate__a89Bp {
392
313
  white-space: nowrap !important;
393
314
  }
394
315
 
395
- .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
396
- text-overflow: ellipsis !important;
397
- }
398
-
399
- .popup-module_popup-container__PJ0oQ {
400
- --popup-width: 60vw;
401
- --popup-height: 50vh;
402
- position: fixed;
403
- width: var(--popup-width);
404
- height: var(--popup-height);
405
- --slideXFrom: 0;
406
- --slideYFrom: 0;
407
- will-change: opacity;
408
- transition: opacity 300ms ease-in-out;
409
- opacity: 0;
410
- visibility: hidden;
411
- pointer-events: none;
412
- }
413
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
414
- position: relative;
415
- flex-direction: column;
416
- align-items: start;
417
- width: 100%;
418
- height: 100%;
419
- overflow-x: clip;
420
- background-color: #090A0A;
421
- border-radius: 4px;
422
- box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
423
- transition: transform 350ms ease-out;
424
- will-change: transform;
425
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
426
- }
427
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
428
- margin-bottom: 0;
429
- }
430
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
431
- cursor: pointer;
432
- line-height: 1px;
433
- background-color: rgba(255, 255, 255, 0);
434
- }
435
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
436
- background-color: #FDDA0D;
437
- width: 9px !important;
438
- height: 9px !important;
439
- line-height: 1px !important;
440
- }
441
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
442
- background-color: #FFEA00;
443
- }
444
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
445
- width: 100%;
446
- height: 100%;
447
- padding: 24px;
448
- overflow-y: auto;
449
- display: flex;
450
- }
451
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
452
- overflow-y: auto;
453
- }
454
- .popup-module_popup-container__PJ0oQ[data-show] {
455
- opacity: 1;
456
- visibility: visible;
457
- pointer-events: all;
458
- }
459
- .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
460
- transform: translateX(0) translateY(0);
461
- }
462
- .popup-module_popup-container__PJ0oQ[data-show=false] {
463
- opacity: 0;
464
- visibility: hidden;
465
- pointer-events: none;
466
- }
467
- .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
468
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
469
- }
470
-
471
- .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
472
- background-color: #090A0A;
473
- color: #F4F4F4;
474
- }
475
- .cui-theme-light .popup-module_popup-container-inner__n83Cz {
476
- background-color: #090A0A;
477
- color: #F4F4F4;
478
- }
479
- .textAndContent-module_textAndContent__X5P1n {
480
- align-items: baseline;
481
- flex-shrink: 1;
482
- gap: 8px;
483
- }
484
- :root {
485
- --divider-line: #4a4b4b;
486
- }
487
-
488
- .button-module_overflow-hidden__Vc5AU, .button-module_text-truncate__a89Bp {
489
- overflow: hidden !important;
490
- }
491
-
492
- .button-module_text-nowrap__tR-VJ, .button-module_text-truncate__a89Bp {
493
- white-space: nowrap !important;
494
- }
495
-
496
- .button-module_text-ellipsis__5MFA9, .button-module_text-truncate__a89Bp {
316
+ .button-module_text-ellipsis__5MFA9, .button-module_text-truncate__a89Bp {
497
317
  text-overflow: ellipsis !important;
498
318
  }
499
319
 
@@ -779,72 +599,6 @@
779
599
  --divider-line: #4a4b4b;
780
600
  }
781
601
 
782
- .typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
783
- overflow: hidden !important;
784
- }
785
-
786
- .typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
787
- white-space: nowrap !important;
788
- }
789
-
790
- .typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
791
- text-overflow: ellipsis !important;
792
- }
793
-
794
- .typography-module_headline__b0XlP {
795
- font-size: 28px;
796
- line-height: 32px;
797
- }
798
-
799
- .typography-module_headlineSecondary__IDnhT {
800
- font-size: 24px;
801
- line-height: 28px;
802
- }
803
-
804
- .typography-module_headlineTertiary__mlG-v {
805
- font-size: 18px;
806
- line-height: 24x;
807
- }
808
-
809
- .typography-module_paragraph__tgBAx, .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY, .typography-module_paragraphSmall__vTMiI {
810
- font-size: 14px;
811
- line-height: 18px;
812
- font-weight: 300;
813
- }
814
-
815
- .typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
816
- font-size: 12px;
817
- }
818
-
819
- .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
820
- font-weight: 600;
821
- }
822
-
823
- .typography-module_link__DWurf {
824
- overflow: hidden !important;
825
- white-space: nowrap !important;
826
- text-overflow: ellipsis !important;
827
- text-decoration: none;
828
- color: #65C5F6;
829
- display: inline;
830
- gap: 4px;
831
- flex-grow: 0;
832
- max-width: 400px;
833
- position: relative;
834
- vertical-align: center;
835
- }
836
- .typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
837
- text-decoration: underline;
838
- color: #65C5F6;
839
- }
840
- .typography-module_link__DWurf.typography-module_disabled__hjK8C {
841
- pointer-events: none;
842
- opacity: 0.6;
843
- }
844
- :root {
845
- --divider-line: #4a4b4b;
846
- }
847
-
848
602
  .toggle-module_overflow-hidden__NxfFx, .toggle-module_text-truncate__Wg-Jx {
849
603
  overflow: hidden !important;
850
604
  }
@@ -948,6 +702,252 @@
948
702
  .cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:hover {
949
703
  background-color: rgb(54.7902439024, 70.0097560976, 70.0097560976);
950
704
  }
705
+ .popup-overlay-module_popup-modal-overlay__dlJqM {
706
+ z-index: 1;
707
+ position: fixed;
708
+ width: 100%;
709
+ height: 100%;
710
+ top: 0;
711
+ left: 0;
712
+ background: rgba(40, 80, 120, 0.8) !important;
713
+ pointer-events: all;
714
+ user-select: none;
715
+ will-change: opacity;
716
+ transition: opacity 450ms ease-in-out;
717
+ opacity: 0;
718
+ visibility: hidden;
719
+ }
720
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
721
+ opacity: 1;
722
+ visibility: visible;
723
+ }
724
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
725
+ opacity: 0;
726
+ visibility: hidden;
727
+ }
728
+ .flowLayout-module_flowLayout__VHpnY {
729
+ overflow: auto;
730
+ }
731
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
732
+ display: flex;
733
+ width: 100%;
734
+ min-width: 0;
735
+ }
736
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
737
+ display: flex;
738
+ width: 100%;
739
+ min-width: 0;
740
+ }
741
+ :root {
742
+ --divider-line: #4a4b4b;
743
+ }
744
+
745
+ .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
746
+ overflow: hidden !important;
747
+ }
748
+
749
+ .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
750
+ white-space: nowrap !important;
751
+ }
752
+
753
+ .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
754
+ text-overflow: ellipsis !important;
755
+ }
756
+
757
+ .popup-module_popup-container__PJ0oQ {
758
+ --popup-width: 60vw;
759
+ --popup-height: 50vh;
760
+ position: fixed;
761
+ width: var(--popup-width);
762
+ height: var(--popup-height);
763
+ --slideXFrom: 0;
764
+ --slideYFrom: 0;
765
+ will-change: opacity;
766
+ transition: opacity 300ms ease-in-out;
767
+ opacity: 0;
768
+ visibility: hidden;
769
+ pointer-events: none;
770
+ }
771
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
772
+ position: relative;
773
+ flex-direction: column;
774
+ align-items: start;
775
+ width: 100%;
776
+ height: 100%;
777
+ overflow-x: clip;
778
+ background-color: #090A0A;
779
+ border-radius: 4px;
780
+ box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
781
+ transition: transform 350ms ease-out;
782
+ will-change: transform;
783
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
784
+ }
785
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
786
+ margin-bottom: 0;
787
+ }
788
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
789
+ cursor: pointer;
790
+ line-height: 1px;
791
+ background-color: rgba(255, 255, 255, 0);
792
+ }
793
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
794
+ background-color: #FDDA0D;
795
+ width: 9px !important;
796
+ height: 9px !important;
797
+ line-height: 1px !important;
798
+ }
799
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
800
+ background-color: #FFEA00;
801
+ }
802
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
803
+ width: 100%;
804
+ height: 100%;
805
+ padding: 24px;
806
+ overflow-y: auto;
807
+ display: flex;
808
+ }
809
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
810
+ overflow-y: auto;
811
+ }
812
+ .popup-module_popup-container__PJ0oQ[data-show] {
813
+ opacity: 1;
814
+ visibility: visible;
815
+ pointer-events: all;
816
+ }
817
+ .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
818
+ transform: translateX(0) translateY(0);
819
+ }
820
+ .popup-module_popup-container__PJ0oQ[data-show=false] {
821
+ opacity: 0;
822
+ visibility: hidden;
823
+ pointer-events: none;
824
+ }
825
+ .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
826
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
827
+ }
828
+
829
+ .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
830
+ background-color: #090A0A;
831
+ color: #F4F4F4;
832
+ }
833
+ .cui-theme-light .popup-module_popup-container-inner__n83Cz {
834
+ background-color: #090A0A;
835
+ color: #F4F4F4;
836
+ }
837
+ :root {
838
+ --divider-line: #4a4b4b;
839
+ }
840
+
841
+ .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
842
+ overflow: hidden !important;
843
+ }
844
+
845
+ .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
846
+ white-space: nowrap !important;
847
+ }
848
+
849
+ .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
850
+ text-overflow: ellipsis !important;
851
+ }
852
+
853
+ .tooltip-module_popover-tooltip__sAhKa {
854
+ position: fixed;
855
+ z-index: 999;
856
+ will-change: opacity;
857
+ transition: opacity 450ms ease;
858
+ opacity: 0;
859
+ visibility: hidden;
860
+ border-radius: 4px;
861
+ background-color: #1B1D1D;
862
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
863
+ }
864
+ .tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
865
+ margin: 0;
866
+ padding: 0;
867
+ }
868
+ .tooltip-module_popover-tooltip__sAhKa p {
869
+ display: -webkit-box;
870
+ -webkit-line-clamp: 4; /* number of lines to show */
871
+ line-clamp: 4;
872
+ -webkit-box-orient: vertical;
873
+ margin: 0;
874
+ width: 100%;
875
+ white-space: normal;
876
+ overflow: auto;
877
+ }
878
+ .tooltip-module_popover-tooltip__sAhKa[data-show] {
879
+ opacity: 1;
880
+ visibility: visible;
881
+ }
882
+ .tooltip-module_popover-tooltip__sAhKa[data-show=false] {
883
+ opacity: 0;
884
+ visibility: hidden;
885
+ }
886
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
887
+ bottom: -16px;
888
+ }
889
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
890
+ transform: rotate(0deg);
891
+ }
892
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
893
+ top: -16px;
894
+ }
895
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
896
+ transform: rotate(180deg);
897
+ }
898
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
899
+ right: -16px;
900
+ }
901
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
902
+ transform: rotate(-90deg);
903
+ }
904
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
905
+ left: -16px;
906
+ }
907
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
908
+ transform: rotate(90deg);
909
+ }
910
+ .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
911
+ position: absolute;
912
+ }
913
+ .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
914
+ content: "";
915
+ border-width: 8px;
916
+ border-style: solid;
917
+ border-color: #1B1D1D transparent transparent transparent;
918
+ }
919
+
920
+ .tooltip-module_close-button__o8OBN {
921
+ cursor: pointer;
922
+ line-height: 1px;
923
+ background-color: rgba(255, 255, 255, 0);
924
+ }
925
+ .tooltip-module_close-button__o8OBN .icon-base {
926
+ background-color: #FDDA0D;
927
+ width: 9px !important;
928
+ height: 9px !important;
929
+ line-height: 1px !important;
930
+ }
931
+ .tooltip-module_close-button__o8OBN:hover .icon-base {
932
+ background-color: #FFEA00;
933
+ }
934
+
935
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
936
+ background-color: #1B1D1D;
937
+ color: #F4F4F4;
938
+ }
939
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
940
+ border-color: #1B1D1D transparent transparent transparent;
941
+ }
942
+ .cui-theme-light {
943
+ color: #1B1D1D;
944
+ }
945
+ .cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
946
+ background-color: #515757;
947
+ }
948
+ .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
949
+ border-color: #515757 transparent transparent transparent;
950
+ }
951
951
  :root {
952
952
  --divider-line: #4a4b4b;
953
953
  }