@e1011/es-kit 1.1.52 → 1.1.56

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 (34) hide show
  1. package/dist/hooks/esm/index.css +507 -400
  2. package/dist/hooks/index.css +507 -400
  3. package/dist/lib/cjs/index.css +107 -0
  4. package/dist/lib/cjs/src/core/ui/components/atoms/toggle/Toggle.js +2 -0
  5. package/dist/lib/cjs/src/core/ui/components/atoms/toggle/Toggle.js.map +1 -0
  6. package/dist/lib/cjs/src/core/ui/components/atoms/toggle/toggle.module.scss.js +2 -0
  7. package/dist/lib/cjs/src/core/ui/components/atoms/toggle/toggle.module.scss.js.map +1 -0
  8. package/dist/lib/cjs/src/index.js +1 -1
  9. package/dist/lib/esm/index.css +107 -0
  10. package/dist/lib/esm/src/core/ui/components/atoms/toggle/Toggle.js +2 -0
  11. package/dist/lib/esm/src/core/ui/components/atoms/toggle/Toggle.js.map +1 -0
  12. package/dist/lib/esm/src/core/ui/components/atoms/toggle/toggle.module.scss.js +2 -0
  13. package/dist/lib/esm/src/core/ui/components/atoms/toggle/toggle.module.scss.js.map +1 -0
  14. package/dist/lib/esm/src/index.js +1 -1
  15. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  16. package/dist/types/src/core/ui/components/atoms/index.d.ts +1 -0
  17. package/dist/types/src/core/ui/components/atoms/index.d.ts.map +1 -1
  18. package/dist/types/src/core/ui/components/atoms/toggle/index.d.ts +2 -0
  19. package/dist/types/src/core/ui/components/atoms/toggle/index.d.ts.map +1 -0
  20. package/dist/ui/esm/index.css +107 -0
  21. package/dist/ui/esm/src/core/ui/components/atoms/toggle/Toggle.js +2 -0
  22. package/dist/ui/esm/src/core/ui/components/atoms/toggle/Toggle.js.map +1 -0
  23. package/dist/ui/esm/src/core/ui/components/atoms/toggle/toggle.module.scss.js +2 -0
  24. package/dist/ui/esm/src/core/ui/components/atoms/toggle/toggle.module.scss.js.map +1 -0
  25. package/dist/ui/esm/src/core/ui/index.js +1 -1
  26. package/dist/ui/index.css +107 -0
  27. package/dist/ui/src/core/ui/components/atoms/toggle/Toggle.js +2 -0
  28. package/dist/ui/src/core/ui/components/atoms/toggle/Toggle.js.map +1 -0
  29. package/dist/ui/src/core/ui/components/atoms/toggle/toggle.module.scss.js +2 -0
  30. package/dist/ui/src/core/ui/components/atoms/toggle/toggle.module.scss.js.map +1 -0
  31. package/dist/ui/src/core/ui/index.js +1 -1
  32. package/dist/utils/esm/index.css +507 -400
  33. package/dist/utils/index.css +507 -400
  34. package/package.json +1 -1
@@ -28,25 +28,6 @@
28
28
  width: var(--height);
29
29
  height: var(--width);
30
30
  }
31
- .divider-module_divider-line__6CesR {
32
- position: relative;
33
- display: block;
34
- transition: opacity, width, height 250ms ease-in-out;
35
- background-color: var(--color);
36
- opacity: var(--opacity);
37
- }
38
- .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
39
- height: var(--length);
40
- left: var(--left);
41
- width: var(--width);
42
- margin: var(--margin);
43
- }
44
- .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
45
- width: var(--length);
46
- left: var(--left);
47
- height: var(--height);
48
- margin: var(--margin);
49
- }
50
31
  .errorBoundary-module_errorBoundary__gk9ps {
51
32
  background: #EFEFEF;
52
33
  width: 100%;
@@ -89,6 +70,25 @@
89
70
  max-width: var(--prop-value);
90
71
  opacity: 1;
91
72
  }
73
+ .divider-module_divider-line__6CesR {
74
+ position: relative;
75
+ display: block;
76
+ transition: opacity, width, height 250ms ease-in-out;
77
+ background-color: var(--color);
78
+ opacity: var(--opacity);
79
+ }
80
+ .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
81
+ height: var(--length);
82
+ left: var(--left);
83
+ width: var(--width);
84
+ margin: var(--margin);
85
+ }
86
+ .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
87
+ width: var(--length);
88
+ left: var(--left);
89
+ height: var(--height);
90
+ margin: var(--margin);
91
+ }
92
92
  .field-module_field__UfKm3 {
93
93
  opacity: 1;
94
94
  pointer-events: auto;
@@ -230,251 +230,283 @@
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
233
  :root {
257
234
  --divider-line: #4a4b4b;
258
235
  }
259
236
 
260
- .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
237
+ .button-module_overflow-hidden__Vc5AU, .button-module_text-truncate__a89Bp {
261
238
  overflow: hidden !important;
262
239
  }
263
240
 
264
- .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
241
+ .button-module_text-nowrap__tR-VJ, .button-module_text-truncate__a89Bp {
265
242
  white-space: nowrap !important;
266
243
  }
267
244
 
268
- .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
245
+ .button-module_text-ellipsis__5MFA9, .button-module_text-truncate__a89Bp {
269
246
  text-overflow: ellipsis !important;
270
247
  }
271
248
 
272
- .popup-module_popup-container__PJ0oQ {
273
- --popup-width: 60vw;
274
- --popup-height: 50vh;
275
- position: fixed;
276
- width: var(--popup-width);
277
- height: var(--popup-height);
278
- --slideXFrom: 0;
279
- --slideYFrom: 0;
280
- will-change: opacity;
281
- transition: opacity 300ms ease-in-out;
282
- opacity: 0;
283
- visibility: hidden;
284
- pointer-events: none;
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;
285
265
  }
286
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
287
- position: relative;
288
- flex-direction: column;
289
- align-items: start;
290
- width: 100%;
291
- height: 100%;
292
- overflow-x: clip;
293
- background-color: #090A0A;
294
- border-radius: 4px;
295
- box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
296
- transition: transform 350ms ease-out;
297
- will-change: transform;
298
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
266
+ .button-module_button__NDMQS > span {
267
+ overflow: hidden;
268
+ white-space: nowrap;
269
+ display: inline-block;
299
270
  }
300
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
301
- margin-bottom: 0;
271
+ .button-module_button__NDMQS.button-module_info__O6gEW {
272
+ background-color: #2D8EFF;
302
273
  }
303
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
304
- cursor: pointer;
305
- line-height: 1px;
306
- background-color: rgba(255, 255, 255, 0);
274
+ .button-module_button__NDMQS.button-module_info__O6gEW.button-module_transparent__zbeBu {
275
+ border: 1px solid #2D8EFF !important;
307
276
  }
308
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
309
- background-color: #FDDA0D;
310
- width: 9px !important;
311
- height: 9px !important;
312
- line-height: 1px !important;
277
+ .button-module_button__NDMQS.button-module_success__gM25y {
278
+ background-color: #13CE66;
313
279
  }
314
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
315
- background-color: #FFEA00;
280
+ .button-module_button__NDMQS.button-module_success__gM25y.button-module_transparent__zbeBu {
281
+ border: 1px solid #13CE66 !important;
316
282
  }
317
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
283
+ .button-module_button__NDMQS.button-module_error__q9qqo {
284
+ background-color: #FF4949;
285
+ }
286
+ .button-module_button__NDMQS.button-module_error__q9qqo.button-module_transparent__zbeBu {
287
+ border: 1px solid #FF4949 !important;
288
+ }
289
+ .button-module_button__NDMQS.button-module_warning__MdmiZ {
290
+ background-color: #FFCC3D;
291
+ }
292
+ .button-module_button__NDMQS.button-module_warning__MdmiZ.button-module_transparent__zbeBu {
293
+ border: 1px solid #FFCC3D !important;
294
+ }
295
+ .button-module_button__NDMQS.button-module_transparent__zbeBu {
296
+ border: none !important;
297
+ background-color: transparent !important;
298
+ background: transparent !important;
299
+ }
300
+ .button-module_button__NDMQS.button-module_tiny__pBNwo {
301
+ height: 1.4rem;
302
+ min-width: 1.5rem;
303
+ width: 1.5rem;
304
+ padding: 0.2rem;
305
+ font-size: 0.8rem;
306
+ }
307
+ .button-module_button__NDMQS.button-module_fluid__GXxID {
318
308
  width: 100%;
319
- height: 100%;
320
- padding: 24px;
321
- overflow-y: auto;
322
- display: flex;
323
309
  }
324
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
325
- overflow-y: auto;
310
+ .button-module_button__NDMQS.button-module_truncate__c-G9k > span {
311
+ overflow: hidden !important;
312
+ white-space: nowrap !important;
313
+ text-overflow: ellipsis !important;
326
314
  }
327
- .popup-module_popup-container__PJ0oQ[data-show] {
328
- opacity: 1;
329
- visibility: visible;
330
- pointer-events: all;
315
+ .button-module_button__NDMQS.button-module_animated__gLwPl {
316
+ transition: transform 250ms ease-out;
331
317
  }
332
- .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
333
- transform: translateX(0) translateY(0);
318
+ .button-module_button__NDMQS.button-module_hasShadow__42BQv {
319
+ box-shadow: 0 5px 15px 0 rgba(28, 37, 39, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.1);
334
320
  }
335
- .popup-module_popup-container__PJ0oQ[data-show=false] {
336
- opacity: 0;
337
- visibility: hidden;
338
- pointer-events: none;
321
+ .button-module_button__NDMQS.button-module_hasIcon__dXLlJ {
322
+ padding: 0.4rem;
323
+ border: none !important;
324
+ line-height: 1px;
339
325
  }
340
- .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
341
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
326
+ .button-module_button__NDMQS.button-module_hasIcon__dXLlJ.button-module_tiny__pBNwo {
327
+ padding: 0px;
328
+ }
329
+ .button-module_button__NDMQS:hover {
330
+ background-color: #c5c5c5 !important;
331
+ }
332
+ .button-module_button__NDMQS:hover.button-module_animated__gLwPl {
333
+ transform: scale(1.2);
334
+ }
335
+ .button-module_button__NDMQS.button-module_disabled__hEydO {
336
+ user-select: none;
337
+ pointer-events: none;
338
+ cursor: not-allowed;
342
339
  }
343
340
 
344
- .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
345
- background-color: #090A0A;
341
+ .cui-theme-dark .button-module_button__NDMQS {
346
342
  color: #F4F4F4;
347
343
  }
348
- .cui-theme-light .popup-module_popup-container-inner__n83Cz {
349
- background-color: #090A0A;
350
- color: #F4F4F4;
344
+ .cui-theme-light .button-module_button__NDMQS {
345
+ color: #090A0A;
351
346
  }
352
347
  :root {
353
348
  --divider-line: #4a4b4b;
354
349
  }
355
350
 
356
- .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
351
+ .tag-module_overflow-hidden__wlxDI, .tag-module_text-truncate__xqW1- {
357
352
  overflow: hidden !important;
358
353
  }
359
354
 
360
- .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
355
+ .tag-module_text-nowrap__CHhhg, .tag-module_text-truncate__xqW1- {
361
356
  white-space: nowrap !important;
362
357
  }
363
358
 
364
- .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
359
+ .tag-module_text-ellipsis__UX32n, .tag-module_text-truncate__xqW1- {
365
360
  text-overflow: ellipsis !important;
366
361
  }
367
362
 
368
- .tooltip-module_popover-tooltip__sAhKa {
369
- position: fixed;
370
- z-index: 999;
371
- will-change: opacity;
372
- transition: opacity 450ms ease;
373
- opacity: 0;
374
- visibility: hidden;
363
+ .tag-module_tag__rGA-E {
364
+ display: inline-flex;
365
+ flex-direction: row;
366
+ flex-shrink: 1;
367
+ padding: 4px 8px;
368
+ gap: 4px;
369
+ min-height: 18px;
375
370
  border-radius: 4px;
376
- background-color: #1B1D1D;
377
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
378
- }
379
- .tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
380
- margin: 0;
381
- padding: 0;
371
+ border-width: 1px;
372
+ border-style: solid;
373
+ align-items: center;
382
374
  }
383
- .tooltip-module_popover-tooltip__sAhKa p {
384
- display: -webkit-box;
385
- -webkit-line-clamp: 4; /* number of lines to show */
386
- line-clamp: 4;
387
- -webkit-box-orient: vertical;
388
- margin: 0;
389
- width: 100%;
390
- white-space: normal;
391
- overflow: auto;
375
+ .tag-module_tag__rGA-E .icon-base {
376
+ color: #E2E369 !important;
392
377
  }
393
- .tooltip-module_popover-tooltip__sAhKa[data-show] {
394
- opacity: 1;
395
- visibility: visible;
378
+ .tag-module_tag__rGA-E .tag-module_text__WpK6w {
379
+ white-space: nowrap;
396
380
  }
397
- .tooltip-module_popover-tooltip__sAhKa[data-show=false] {
398
- opacity: 0;
399
- visibility: hidden;
381
+ .tag-module_tag__rGA-E.tag-module_in-table__cWTuJ {
382
+ justify-content: center;
383
+ align-items: center;
384
+ overflow: hidden !important;
385
+ white-space: nowrap !important;
386
+ text-overflow: ellipsis !important;
400
387
  }
401
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
402
- bottom: -16px;
388
+ .tag-module_tag__rGA-E.tag-module_default__6cv6k {
389
+ background-color: #434747;
390
+ border-color: #515757;
391
+ color: #F4F4F4;
403
392
  }
404
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
405
- transform: rotate(0deg);
393
+ .tag-module_tag__rGA-E.tag-module_clickable__W6arw {
394
+ cursor: pointer;
395
+ transition: background-color 0.25s ease;
406
396
  }
407
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
408
- top: -16px;
397
+ .tag-module_tag__rGA-E.tag-module_clickable__W6arw.tag-module_default__6cv6k:hover {
398
+ background-color: #515757;
409
399
  }
410
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
411
- transform: rotate(180deg);
400
+
401
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_info__PMCQH {
402
+ background-color: #203439;
403
+ border-color: #80D9F3;
404
+ color: #80D9F3;
412
405
  }
413
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
414
- right: -16px;
406
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_very-low__a6WSr {
407
+ background-color: #212A04;
408
+ border-color: #B1E02C;
409
+ color: #B1E02C;
415
410
  }
416
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
417
- transform: rotate(-90deg);
411
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_low__57msG {
412
+ background-color: #353505;
413
+ border-color: #E2E369;
414
+ color: #E2E369;
418
415
  }
419
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
420
- left: -16px;
416
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_medium__PtVKT {
417
+ background-color: #632E03;
418
+ border-color: #FD8F3E;
419
+ color: #FD8F3E;
421
420
  }
422
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
423
- transform: rotate(90deg);
421
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_high__8ayT0 {
422
+ background-color: #371A1A;
423
+ border-color: #FD553E;
424
+ color: #FD553E;
424
425
  }
425
- .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
426
- position: absolute;
426
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_critical__fT5Pe {
427
+ background-color: #311616;
428
+ border-color: #EC515B;
429
+ color: #EC515B;
427
430
  }
428
- .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
429
- content: "";
430
- border-width: 8px;
431
- border-style: solid;
432
- border-color: #1B1D1D transparent transparent transparent;
431
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_information__gjuZe {
432
+ background-color: #203439;
433
+ border-color: #02B3E6;
434
+ color: #02B3E6;
433
435
  }
434
-
435
- .tooltip-module_close-button__o8OBN {
436
- cursor: pointer;
437
- line-height: 1px;
438
- background-color: rgba(255, 255, 255, 0);
436
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_success__M-mEI {
437
+ background-color: #212A04;
438
+ border-color: #30D136;
439
+ color: #30D136;
439
440
  }
440
- .tooltip-module_close-button__o8OBN .icon-base {
441
- background-color: #FDDA0D;
442
- width: 9px !important;
443
- height: 9px !important;
444
- line-height: 1px !important;
441
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_alert__1NDIs {
442
+ background-color: #311616;
443
+ border-color: #FD553E;
444
+ color: #FD553E;
445
445
  }
446
- .tooltip-module_close-button__o8OBN:hover .icon-base {
447
- background-color: #FFEA00;
446
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_error__fo8QB {
447
+ background-color: #311616;
448
+ border-color: #FD553E;
449
+ color: #FD553E;
448
450
  }
449
-
450
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
451
- background-color: #1B1D1D;
452
- color: #F4F4F4;
451
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_warning__29pni {
452
+ background-color: #632E03;
453
+ border-color: #FD8F3E;
454
+ color: #FD8F3E;
453
455
  }
454
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
455
- border-color: #1B1D1D transparent transparent transparent;
456
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_info__PMCQH {
457
+ background-color: #80D9F3;
458
+ border-color: #80D9F3;
459
+ color: #203439;
456
460
  }
457
- .cui-theme-light {
458
- color: #1B1D1D;
461
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_very-low__a6WSr {
462
+ background-color: #B1E02C;
463
+ border-color: #B1E02C;
464
+ color: #212A04;
459
465
  }
460
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
461
- background-color: #515757;
466
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_low__57msG {
467
+ background-color: #E2E369;
468
+ border-color: #E2E369;
469
+ color: #353505;
462
470
  }
463
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
464
- border-color: #515757 transparent transparent transparent;
471
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_medium__PtVKT {
472
+ background-color: #FD8F3E;
473
+ border-color: #FD8F3E;
474
+ color: #632E03;
465
475
  }
466
- .flowLayout-module_flowLayout__VHpnY {
467
- overflow: auto;
476
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_high__8ayT0 {
477
+ background-color: #FD553E;
478
+ border-color: #FD553E;
479
+ color: #371A1A;
468
480
  }
469
- .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
470
- display: flex;
471
- width: 100%;
472
- min-width: 0;
481
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_critical__fT5Pe {
482
+ background-color: #EC515B;
483
+ border-color: #EC515B;
484
+ color: #311616;
473
485
  }
474
- .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
475
- display: flex;
476
- width: 100%;
477
- min-width: 0;
486
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_information__gjuZe {
487
+ background-color: #02B3E6;
488
+ border-color: #02B3E6;
489
+ color: #203439;
490
+ }
491
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_success__M-mEI {
492
+ background-color: #30D136;
493
+ border-color: #30D136;
494
+ color: #212A04;
495
+ }
496
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_alert__1NDIs {
497
+ background-color: #FD553E;
498
+ border-color: #FD553E;
499
+ color: #311616;
500
+ }
501
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_error__fo8QB {
502
+ background-color: #FD553E;
503
+ border-color: #FD553E;
504
+ color: #311616;
505
+ }
506
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_warning__29pni {
507
+ background-color: #FD8F3E;
508
+ border-color: #FD8F3E;
509
+ color: #632E03;
478
510
  }
479
511
  :root {
480
512
  --divider-line: #4a4b4b;
@@ -542,288 +574,363 @@
542
574
  pointer-events: none;
543
575
  opacity: 0.6;
544
576
  }
577
+ .textAndContent-module_textAndContent__X5P1n {
578
+ align-items: baseline;
579
+ flex-shrink: 1;
580
+ gap: 8px;
581
+ }
582
+ .flowLayout-module_flowLayout__VHpnY {
583
+ overflow: auto;
584
+ }
585
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
586
+ display: flex;
587
+ width: 100%;
588
+ min-width: 0;
589
+ }
590
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
591
+ display: flex;
592
+ width: 100%;
593
+ min-width: 0;
594
+ }
545
595
  :root {
546
596
  --divider-line: #4a4b4b;
547
597
  }
548
598
 
549
- .button-module_overflow-hidden__Vc5AU, .button-module_text-truncate__a89Bp {
599
+ .toggle-module_overflow-hidden__NxfFx, .toggle-module_text-truncate__Wg-Jx {
550
600
  overflow: hidden !important;
551
601
  }
552
602
 
553
- .button-module_text-nowrap__tR-VJ, .button-module_text-truncate__a89Bp {
603
+ .toggle-module_text-nowrap__F9ld6, .toggle-module_text-truncate__Wg-Jx {
554
604
  white-space: nowrap !important;
555
605
  }
556
606
 
557
- .button-module_text-ellipsis__5MFA9, .button-module_text-truncate__a89Bp {
607
+ .toggle-module_text-ellipsis__ftYlg, .toggle-module_text-truncate__Wg-Jx {
558
608
  text-overflow: ellipsis !important;
559
609
  }
560
610
 
561
- .button-module_button__NDMQS {
562
- border: none;
563
- color: #090A0A;
564
- padding: 0.5rem 1rem;
565
- text-align: center;
566
- text-decoration: none;
567
- font-size: 1rem;
568
- overflow: hidden;
569
- display: flex;
570
- align-items: center;
571
- justify-content: center;
572
- min-width: "auto";
573
- width: "auto";
574
- user-select: all;
575
- pointer-events: auto;
611
+ .toggle-module_toggle__p1Ep4 {
612
+ display: inline-block;
613
+ position: relative;
614
+ max-width: 48px;
615
+ max-height: 24px;
616
+ width: 48px;
617
+ height: 24px;
618
+ border-radius: 16px !important;
619
+ }
620
+ .toggle-module_toggle__p1Ep4 input {
621
+ opacity: 0;
622
+ width: 0;
623
+ height: 0;
624
+ }
625
+ .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG {
626
+ box-sizing: border-box;
627
+ position: absolute;
576
628
  cursor: pointer;
629
+ width: 48px;
630
+ height: 24px;
631
+ top: 0;
632
+ left: 0;
633
+ right: 0;
634
+ bottom: 0;
635
+ background-color: transparent;
636
+ border: 1px solid #F4F4F4;
637
+ transition: transform, background-color 0.4s ease;
638
+ border-radius: 16px;
639
+ }
640
+ .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG:before {
641
+ position: absolute;
642
+ content: "";
643
+ height: 20px;
644
+ width: 20px;
645
+ left: 1px;
646
+ bottom: 1px;
647
+ background-color: #F4F4F4;
648
+ transition: transform 0.4s ease;
649
+ border-radius: 50%;
577
650
  }
578
- .button-module_button__NDMQS > span {
579
- overflow: hidden;
580
- white-space: nowrap;
581
- display: inline-block;
651
+ .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG {
652
+ background-color: #282A2A;
653
+ border-color: #282A2A;
582
654
  }
583
- .button-module_button__NDMQS.button-module_info__O6gEW {
584
- background-color: #2D8EFF;
655
+ .toggle-module_toggle__p1Ep4 input:focus + .toggle-module_slider__2IVaG {
656
+ box-shadow: 0 0 1px 1px #282A2A;
585
657
  }
586
- .button-module_button__NDMQS.button-module_info__O6gEW.button-module_transparent__zbeBu {
587
- border: 1px solid #2D8EFF !important;
658
+ .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
659
+ transform: translateX(24px);
588
660
  }
589
- .button-module_button__NDMQS.button-module_success__gM25y {
590
- background-color: #13CE66;
661
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH {
662
+ opacity: 0.65;
591
663
  }
592
- .button-module_button__NDMQS.button-module_success__gM25y.button-module_transparent__zbeBu {
593
- border: 1px solid #13CE66 !important;
664
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH input {
665
+ pointer-events: none;
594
666
  }
595
- .button-module_button__NDMQS.button-module_error__q9qqo {
596
- background-color: #FF4949;
667
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG {
668
+ cursor: not-allowed;
597
669
  }
598
- .button-module_button__NDMQS.button-module_error__q9qqo.button-module_transparent__zbeBu {
599
- border: 1px solid #FF4949 !important;
670
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG:after {
671
+ content: " ";
672
+ z-index: -1;
673
+ display: block;
674
+ position: absolute;
675
+ height: 100%;
676
+ top: 0;
677
+ left: 0;
678
+ right: 0;
600
679
  }
601
- .button-module_button__NDMQS.button-module_warning__MdmiZ {
602
- background-color: #FFCC3D;
680
+
681
+ .cui-theme-dark .toggle-module_toggle__p1Ep4 input:enabled + .toggle-module_slider__2IVaG:hover {
682
+ background-color: #003A4C;
603
683
  }
604
- .button-module_button__NDMQS.button-module_warning__MdmiZ.button-module_transparent__zbeBu {
605
- border: 1px solid #FFCC3D !important;
684
+ .cui-theme-dark .toggle-module_toggle__p1Ep4 input:checked:enabled + .toggle-module_slider__2IVaG:hover {
685
+ background-color: #262828;
606
686
  }
607
- .button-module_button__NDMQS.button-module_transparent__zbeBu {
608
- border: none !important;
609
- background-color: transparent !important;
610
- background: transparent !important;
687
+ .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG {
688
+ border-color: #202929;
611
689
  }
612
- .button-module_button__NDMQS.button-module_tiny__pBNwo {
613
- height: 1.4rem;
614
- min-width: 1.5rem;
615
- width: 1.5rem;
616
- padding: 0.2rem;
617
- font-size: 0.8rem;
690
+ .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:hover {
691
+ background-color: rgba(40, 42, 42, 0.05);
618
692
  }
619
- .button-module_button__NDMQS.button-module_fluid__GXxID {
620
- width: 100%;
693
+ .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:before {
694
+ background-color: #282A2A;
621
695
  }
622
- .button-module_button__NDMQS.button-module_truncate__c-G9k > span {
623
- overflow: hidden !important;
624
- white-space: nowrap !important;
625
- text-overflow: ellipsis !important;
626
- }
627
- .button-module_button__NDMQS.button-module_animated__gLwPl {
628
- transition: transform 250ms ease-out;
629
- }
630
- .button-module_button__NDMQS.button-module_hasShadow__42BQv {
631
- box-shadow: 0 5px 15px 0 rgba(28, 37, 39, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.1);
632
- }
633
- .button-module_button__NDMQS.button-module_hasIcon__dXLlJ {
634
- padding: 0.4rem;
635
- border: none !important;
636
- line-height: 1px;
696
+ .cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
697
+ background-color: #F4F4F4;
637
698
  }
638
- .button-module_button__NDMQS.button-module_hasIcon__dXLlJ.button-module_tiny__pBNwo {
639
- padding: 0px;
699
+ .cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:hover {
700
+ background-color: #374646;
640
701
  }
641
- .button-module_button__NDMQS:hover {
642
- background-color: #c5c5c5 !important;
643
- }
644
- .button-module_button__NDMQS:hover.button-module_animated__gLwPl {
645
- transform: scale(1.2);
646
- }
647
- .button-module_button__NDMQS.button-module_disabled__hEydO {
702
+ .popup-overlay-module_popup-modal-overlay__dlJqM {
703
+ z-index: 1;
704
+ position: fixed;
705
+ width: 100%;
706
+ height: 100%;
707
+ top: 0;
708
+ left: 0;
709
+ background: rgba(40, 80, 120, 0.8) !important;
710
+ pointer-events: all;
648
711
  user-select: none;
649
- pointer-events: none;
650
- cursor: not-allowed;
712
+ will-change: opacity;
713
+ transition: opacity 450ms ease-in-out;
714
+ opacity: 0;
715
+ visibility: hidden;
651
716
  }
652
-
653
- .cui-theme-dark .button-module_button__NDMQS {
654
- color: #F4F4F4;
717
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
718
+ opacity: 1;
719
+ visibility: visible;
655
720
  }
656
- .cui-theme-light .button-module_button__NDMQS {
657
- color: #090A0A;
721
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
722
+ opacity: 0;
723
+ visibility: hidden;
658
724
  }
659
725
  :root {
660
726
  --divider-line: #4a4b4b;
661
727
  }
662
728
 
663
- .tag-module_overflow-hidden__wlxDI, .tag-module_text-truncate__xqW1- {
729
+ .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
664
730
  overflow: hidden !important;
665
731
  }
666
732
 
667
- .tag-module_text-nowrap__CHhhg, .tag-module_text-truncate__xqW1- {
733
+ .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
668
734
  white-space: nowrap !important;
669
735
  }
670
736
 
671
- .tag-module_text-ellipsis__UX32n, .tag-module_text-truncate__xqW1- {
737
+ .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
672
738
  text-overflow: ellipsis !important;
673
739
  }
674
740
 
675
- .tag-module_tag__rGA-E {
676
- display: inline-flex;
677
- flex-direction: row;
678
- flex-shrink: 1;
679
- padding: 4px 8px;
680
- gap: 4px;
681
- min-height: 18px;
741
+ .tooltip-module_popover-tooltip__sAhKa {
742
+ position: fixed;
743
+ z-index: 999;
744
+ will-change: opacity;
745
+ transition: opacity 450ms ease;
746
+ opacity: 0;
747
+ visibility: hidden;
682
748
  border-radius: 4px;
683
- border-width: 1px;
684
- border-style: solid;
685
- align-items: center;
749
+ background-color: #1B1D1D;
750
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
686
751
  }
687
- .tag-module_tag__rGA-E .icon-base {
688
- color: #E2E369 !important;
752
+ .tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
753
+ margin: 0;
754
+ padding: 0;
689
755
  }
690
- .tag-module_tag__rGA-E .tag-module_text__WpK6w {
691
- white-space: nowrap;
756
+ .tooltip-module_popover-tooltip__sAhKa p {
757
+ display: -webkit-box;
758
+ -webkit-line-clamp: 4; /* number of lines to show */
759
+ line-clamp: 4;
760
+ -webkit-box-orient: vertical;
761
+ margin: 0;
762
+ width: 100%;
763
+ white-space: normal;
764
+ overflow: auto;
692
765
  }
693
- .tag-module_tag__rGA-E.tag-module_in-table__cWTuJ {
694
- justify-content: center;
695
- align-items: center;
696
- overflow: hidden !important;
697
- white-space: nowrap !important;
698
- text-overflow: ellipsis !important;
766
+ .tooltip-module_popover-tooltip__sAhKa[data-show] {
767
+ opacity: 1;
768
+ visibility: visible;
699
769
  }
700
- .tag-module_tag__rGA-E.tag-module_default__6cv6k {
701
- background-color: #434747;
702
- border-color: #515757;
703
- color: #F4F4F4;
770
+ .tooltip-module_popover-tooltip__sAhKa[data-show=false] {
771
+ opacity: 0;
772
+ visibility: hidden;
704
773
  }
705
- .tag-module_tag__rGA-E.tag-module_clickable__W6arw {
774
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
775
+ bottom: -16px;
776
+ }
777
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
778
+ transform: rotate(0deg);
779
+ }
780
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
781
+ top: -16px;
782
+ }
783
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
784
+ transform: rotate(180deg);
785
+ }
786
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
787
+ right: -16px;
788
+ }
789
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
790
+ transform: rotate(-90deg);
791
+ }
792
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
793
+ left: -16px;
794
+ }
795
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
796
+ transform: rotate(90deg);
797
+ }
798
+ .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
799
+ position: absolute;
800
+ }
801
+ .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
802
+ content: "";
803
+ border-width: 8px;
804
+ border-style: solid;
805
+ border-color: #1B1D1D transparent transparent transparent;
806
+ }
807
+
808
+ .tooltip-module_close-button__o8OBN {
706
809
  cursor: pointer;
707
- transition: background-color 0.25s ease;
810
+ line-height: 1px;
811
+ background-color: rgba(255, 255, 255, 0);
708
812
  }
709
- .tag-module_tag__rGA-E.tag-module_clickable__W6arw.tag-module_default__6cv6k:hover {
710
- background-color: #515757;
813
+ .tooltip-module_close-button__o8OBN .icon-base {
814
+ background-color: #FDDA0D;
815
+ width: 9px !important;
816
+ height: 9px !important;
817
+ line-height: 1px !important;
818
+ }
819
+ .tooltip-module_close-button__o8OBN:hover .icon-base {
820
+ background-color: #FFEA00;
711
821
  }
712
822
 
713
- .cui-theme-dark .tag-module_tag__rGA-E.tag-module_info__PMCQH {
714
- background-color: #203439;
715
- border-color: #80D9F3;
716
- color: #80D9F3;
823
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
824
+ background-color: #1B1D1D;
825
+ color: #F4F4F4;
717
826
  }
718
- .cui-theme-dark .tag-module_tag__rGA-E.tag-module_very-low__a6WSr {
719
- background-color: #212A04;
720
- border-color: #B1E02C;
721
- color: #B1E02C;
827
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
828
+ border-color: #1B1D1D transparent transparent transparent;
722
829
  }
723
- .cui-theme-dark .tag-module_tag__rGA-E.tag-module_low__57msG {
724
- background-color: #353505;
725
- border-color: #E2E369;
726
- color: #E2E369;
830
+ .cui-theme-light {
831
+ color: #1B1D1D;
727
832
  }
728
- .cui-theme-dark .tag-module_tag__rGA-E.tag-module_medium__PtVKT {
729
- background-color: #632E03;
730
- border-color: #FD8F3E;
731
- color: #FD8F3E;
833
+ .cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
834
+ background-color: #515757;
732
835
  }
733
- .cui-theme-dark .tag-module_tag__rGA-E.tag-module_high__8ayT0 {
734
- background-color: #371A1A;
735
- border-color: #FD553E;
736
- color: #FD553E;
836
+ .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
837
+ border-color: #515757 transparent transparent transparent;
737
838
  }
738
- .cui-theme-dark .tag-module_tag__rGA-E.tag-module_critical__fT5Pe {
739
- background-color: #311616;
740
- border-color: #EC515B;
741
- color: #EC515B;
839
+ :root {
840
+ --divider-line: #4a4b4b;
742
841
  }
743
- .cui-theme-dark .tag-module_tag__rGA-E.tag-module_information__gjuZe {
744
- background-color: #203439;
745
- border-color: #02B3E6;
746
- color: #02B3E6;
842
+
843
+ .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
844
+ overflow: hidden !important;
747
845
  }
748
- .cui-theme-dark .tag-module_tag__rGA-E.tag-module_success__M-mEI {
749
- background-color: #212A04;
750
- border-color: #30D136;
751
- color: #30D136;
846
+
847
+ .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
848
+ white-space: nowrap !important;
752
849
  }
753
- .cui-theme-dark .tag-module_tag__rGA-E.tag-module_alert__1NDIs {
754
- background-color: #311616;
755
- border-color: #FD553E;
756
- color: #FD553E;
850
+
851
+ .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
852
+ text-overflow: ellipsis !important;
757
853
  }
758
- .cui-theme-dark .tag-module_tag__rGA-E.tag-module_error__fo8QB {
759
- background-color: #311616;
760
- border-color: #FD553E;
761
- color: #FD553E;
854
+
855
+ .popup-module_popup-container__PJ0oQ {
856
+ --popup-width: 60vw;
857
+ --popup-height: 50vh;
858
+ position: fixed;
859
+ width: var(--popup-width);
860
+ height: var(--popup-height);
861
+ --slideXFrom: 0;
862
+ --slideYFrom: 0;
863
+ will-change: opacity;
864
+ transition: opacity 300ms ease-in-out;
865
+ opacity: 0;
866
+ visibility: hidden;
867
+ pointer-events: none;
762
868
  }
763
- .cui-theme-dark .tag-module_tag__rGA-E.tag-module_warning__29pni {
764
- background-color: #632E03;
765
- border-color: #FD8F3E;
766
- color: #FD8F3E;
869
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
870
+ position: relative;
871
+ flex-direction: column;
872
+ align-items: start;
873
+ width: 100%;
874
+ height: 100%;
875
+ overflow-x: clip;
876
+ background-color: #090A0A;
877
+ border-radius: 4px;
878
+ box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
879
+ transition: transform 350ms ease-out;
880
+ will-change: transform;
881
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
767
882
  }
768
- .cui-theme-light .tag-module_tag__rGA-E.tag-module_info__PMCQH {
769
- background-color: #80D9F3;
770
- border-color: #80D9F3;
771
- color: #203439;
883
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
884
+ margin-bottom: 0;
772
885
  }
773
- .cui-theme-light .tag-module_tag__rGA-E.tag-module_very-low__a6WSr {
774
- background-color: #B1E02C;
775
- border-color: #B1E02C;
776
- color: #212A04;
886
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
887
+ cursor: pointer;
888
+ line-height: 1px;
889
+ background-color: rgba(255, 255, 255, 0);
777
890
  }
778
- .cui-theme-light .tag-module_tag__rGA-E.tag-module_low__57msG {
779
- background-color: #E2E369;
780
- border-color: #E2E369;
781
- color: #353505;
891
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
892
+ background-color: #FDDA0D;
893
+ width: 9px !important;
894
+ height: 9px !important;
895
+ line-height: 1px !important;
782
896
  }
783
- .cui-theme-light .tag-module_tag__rGA-E.tag-module_medium__PtVKT {
784
- background-color: #FD8F3E;
785
- border-color: #FD8F3E;
786
- color: #632E03;
897
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
898
+ background-color: #FFEA00;
787
899
  }
788
- .cui-theme-light .tag-module_tag__rGA-E.tag-module_high__8ayT0 {
789
- background-color: #FD553E;
790
- border-color: #FD553E;
791
- color: #371A1A;
900
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
901
+ width: 100%;
902
+ height: 100%;
903
+ padding: 24px;
904
+ overflow-y: auto;
905
+ display: flex;
792
906
  }
793
- .cui-theme-light .tag-module_tag__rGA-E.tag-module_critical__fT5Pe {
794
- background-color: #EC515B;
795
- border-color: #EC515B;
796
- color: #311616;
907
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
908
+ overflow-y: auto;
797
909
  }
798
- .cui-theme-light .tag-module_tag__rGA-E.tag-module_information__gjuZe {
799
- background-color: #02B3E6;
800
- border-color: #02B3E6;
801
- color: #203439;
910
+ .popup-module_popup-container__PJ0oQ[data-show] {
911
+ opacity: 1;
912
+ visibility: visible;
913
+ pointer-events: all;
802
914
  }
803
- .cui-theme-light .tag-module_tag__rGA-E.tag-module_success__M-mEI {
804
- background-color: #30D136;
805
- border-color: #30D136;
806
- color: #212A04;
915
+ .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
916
+ transform: translateX(0) translateY(0);
807
917
  }
808
- .cui-theme-light .tag-module_tag__rGA-E.tag-module_alert__1NDIs {
809
- background-color: #FD553E;
810
- border-color: #FD553E;
811
- color: #311616;
918
+ .popup-module_popup-container__PJ0oQ[data-show=false] {
919
+ opacity: 0;
920
+ visibility: hidden;
921
+ pointer-events: none;
812
922
  }
813
- .cui-theme-light .tag-module_tag__rGA-E.tag-module_error__fo8QB {
814
- background-color: #FD553E;
815
- border-color: #FD553E;
816
- color: #311616;
923
+ .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
924
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
817
925
  }
818
- .cui-theme-light .tag-module_tag__rGA-E.tag-module_warning__29pni {
819
- background-color: #FD8F3E;
820
- border-color: #FD8F3E;
821
- color: #632E03;
926
+
927
+ .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
928
+ background-color: #090A0A;
929
+ color: #F4F4F4;
822
930
  }
823
- .textAndContent-module_textAndContent__X5P1n {
824
- align-items: baseline;
825
- flex-shrink: 1;
826
- gap: 8px;
931
+ .cui-theme-light .popup-module_popup-container-inner__n83Cz {
932
+ background-color: #090A0A;
933
+ color: #F4F4F4;
827
934
  }
828
935
  :root {
829
936
  --divider-line: #4a4b4b;