@e1011/es-kit 1.1.62 → 1.1.64

package/dist/hooks/esm/index.css

@@ -1,36 +1,3 @@
-.CollapsibleContainer-module_collapsible-container__u0Jmm {
-  transform-origin: 0% 0%;
-  opacity: 0;
-  overflow: clip;
-}
-.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN {
-  transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out, max-height 0.2s ease-in-out;
-  will-change: opacity, height, max-height;
-}
-.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_collapsed__q8fs8 {
-  height: 0;
-  max-height: 0;
-  opacity: 0;
-}
-.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_expanded__O6Vh8 {
-  height: var(--prop-value);
-  max-height: var(--prop-value);
-  opacity: 1;
-}
-.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI- {
-  transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out, max-width 0.2s ease-in-out;
-  will-change: opacity, width, max-width;
-}
-.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_collapsed__q8fs8 {
-  width: 0;
-  max-width: 0;
-  opacity: 0;
-}
-.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_expanded__O6Vh8 {
-  width: var(--prop-value);
-  max-width: var(--prop-value);
-  opacity: 1;
-}
 .field-module_field__UfKm3 {
   opacity: 1;
   pointer-events: auto;
@@ -105,34 +72,6 @@
 .field-module_field__UfKm3 label {
   text-align: left;
 }
-.errorBoundary-module_errorBoundary__gk9ps {
-  background: #EFEFEF;
-  width: 100%;
-  height: 100%;
-}
-
-.errorBoundary-module_StyledIcon__IYHiU {
-  margin-right: 10px;
-}
-.divider-module_divider-line__6CesR {
-  position: relative;
-  display: block;
-  transition: opacity, width, height 250ms ease-in-out;
-  background-color: var(--color);
-  opacity: var(--opacity);
-}
-.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
-  height: var(--length);
-  left: var(--left);
-  width: var(--width);
-  margin: var(--margin);
-}
-.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
-  width: var(--length);
-  left: var(--left);
-  height: var(--height);
-  margin: var(--margin);
-}
 .icon-module_icon-base-parent__nOMvW {
   line-height: 1px !important;
 }
@@ -163,29 +102,66 @@
   width: var(--height);
   height: var(--width);
 }
-.layoutBox-module_layout-box__ZIID8 {
-  display: flex;
+.errorBoundary-module_errorBoundary__gk9ps {
+  background: #EFEFEF;
+  width: 100%;
+  height: 100%;
+}
+
+.errorBoundary-module_StyledIcon__IYHiU {
+  margin-right: 10px;
+}
+.divider-module_divider-line__6CesR {
   position: relative;
-  flex-direction: row;
-  flex: 0;
-  flex-grow: 0;
-  flex-shrink: 0;
-  flex-basis: auto;
-  flex-wrap: nowrap;
-  gap: 0;
-  text-align: left;
-  justify-content: flex-start;
-  align-items: flex-start;
-  align-self: auto;
-  margin: 0;
-  padding: 0;
-  width: auto;
-  height: auto;
-  max-width: none;
-  max-height: none;
-  min-width: 0;
-  min-height: 0;
-  border-radius: initial;
+  display: block;
+  transition: opacity, width, height 250ms ease-in-out;
+  background-color: var(--color);
+  opacity: var(--opacity);
+}
+.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
+  height: var(--length);
+  left: var(--left);
+  width: var(--width);
+  margin: var(--margin);
+}
+.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
+  width: var(--length);
+  left: var(--left);
+  height: var(--height);
+  margin: var(--margin);
+}
+.CollapsibleContainer-module_collapsible-container__u0Jmm {
+  transform-origin: 0% 0%;
+  opacity: 0;
+  overflow: clip;
+}
+.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN {
+  transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out, max-height 0.2s ease-in-out;
+  will-change: opacity, height, max-height;
+}
+.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_collapsed__q8fs8 {
+  height: 0;
+  max-height: 0;
+  opacity: 0;
+}
+.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_expanded__O6Vh8 {
+  height: var(--prop-value);
+  max-height: var(--prop-value);
+  opacity: 1;
+}
+.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI- {
+  transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out, max-width 0.2s ease-in-out;
+  will-change: opacity, width, max-width;
+}
+.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_collapsed__q8fs8 {
+  width: 0;
+  max-width: 0;
+  opacity: 0;
+}
+.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_expanded__O6Vh8 {
+  width: var(--prop-value);
+  max-width: var(--prop-value);
+  opacity: 1;
 }
 .lazyComponent-module_loader__brMEW {
   position: relative;
@@ -230,6 +206,30 @@
     stroke-dashoffset: -124;
   }
 }
+.layoutBox-module_layout-box__ZIID8 {
+  display: flex;
+  position: relative;
+  flex-direction: row;
+  flex: 0;
+  flex-grow: 0;
+  flex-shrink: 0;
+  flex-basis: auto;
+  flex-wrap: nowrap;
+  gap: 0;
+  text-align: left;
+  justify-content: flex-start;
+  align-items: flex-start;
+  align-self: auto;
+  margin: 0;
+  padding: 0;
+  width: auto;
+  height: auto;
+  max-width: none;
+  max-height: none;
+  min-width: 0;
+  min-height: 0;
+  border-radius: initial;
+}
 :root {
   --divider-line: #4a4b4b;
 }
@@ -360,10 +360,71 @@
 .cui-theme-light .button-module_button__NDMQS {
   color: #090A0A;
 }
-.textAndContent-module_textAndContent__X5P1n {
-  align-items: baseline;
-  flex-shrink: 1;
-  gap: 8px;
+:root {
+  --divider-line: #4a4b4b;
+}
+
+.typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
+  overflow: hidden !important;
+}
+
+.typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
+  white-space: nowrap !important;
+}
+
+.typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
+  text-overflow: ellipsis !important;
+}
+
+.typography-module_headline__b0XlP {
+  font-size: 28px;
+  line-height: 32px;
+}
+
+.typography-module_headlineSecondary__IDnhT {
+  font-size: 24px;
+  line-height: 28px;
+}
+
+.typography-module_headlineTertiary__mlG-v {
+  font-size: 18px;
+  line-height: 24x;
+}
+
+.typography-module_paragraph__tgBAx, .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY, .typography-module_paragraphSmall__vTMiI {
+  font-size: 14px;
+  line-height: 18px;
+  font-weight: 300;
+}
+
+.typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
+  font-size: 12px;
+}
+
+.typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
+  font-weight: 600;
+}
+
+.typography-module_link__DWurf {
+  overflow: hidden !important;
+  white-space: nowrap !important;
+  text-overflow: ellipsis !important;
+  text-decoration: none;
+  color: #65C5F6;
+  display: inline;
+  gap: 4px;
+  flex-grow: 0;
+  max-width: 400px;
+  position: relative;
+  vertical-align: center;
+}
+.typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
+  text-decoration: underline;
+  color: #65C5F6;
+}
+.typography-module_link__DWurf.typography-module_disabled__hjK8C {
+  pointer-events: none;
+  opacity: 0.6;
 }
 :root {
   --divider-line: #4a4b4b;
@@ -546,163 +607,136 @@
   --divider-line: #4a4b4b;
 }
 
-.popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
+.toggle-module_overflow-hidden__NxfFx, .toggle-module_text-truncate__Wg-Jx {
   overflow: hidden !important;
 }
 
-.popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
+.toggle-module_text-nowrap__F9ld6, .toggle-module_text-truncate__Wg-Jx {
   white-space: nowrap !important;
 }
 
-.popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
+.toggle-module_text-ellipsis__ftYlg, .toggle-module_text-truncate__Wg-Jx {
   text-overflow: ellipsis !important;
 }
 
-.popup-module_popup-container__PJ0oQ {
-  --popup-width: 60vw;
-  --popup-height: 50vh;
-  position: fixed;
-  width: var(--popup-width);
-  height: var(--popup-height);
-  --slideXFrom: 0;
-  --slideYFrom: 0;
-  will-change: opacity;
-  transition: opacity 300ms ease-in-out;
-  opacity: 0;
-  visibility: hidden;
-  pointer-events: none;
-}
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
+.toggle-module_toggle__p1Ep4 {
+  display: inline-block;
   position: relative;
-  flex-direction: column;
-  align-items: start;
-  width: 100%;
-  height: 100%;
-  overflow-x: clip;
-  background-color: #090A0A;
-  border-radius: 4px;
-  box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
-  transition: transform 350ms ease-out;
-  will-change: transform;
-  transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
+  max-width: 48px;
+  max-height: 24px;
+  width: 48px;
+  height: 24px;
+  border-radius: 16px !important;
 }
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
-  margin-bottom: 0;
+.toggle-module_toggle__p1Ep4 input {
+  opacity: 0;
+  width: 0;
+  height: 0;
 }
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
+.toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG {
+  box-sizing: border-box;
+  position: absolute;
   cursor: pointer;
-  line-height: 1px;
-  background-color: rgba(255, 255, 255, 0);
-}
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
-  background-color: #FDDA0D;
-  width: 9px !important;
-  height: 9px !important;
-  line-height: 1px !important;
+  width: 48px;
+  height: 24px;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: transparent;
+  border: 1px solid #F4F4F4;
+  transition: transform, background-color 0.4s ease;
+  border-radius: 16px;
 }
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
-  background-color: #FFEA00;
+.toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG:before {
+  position: absolute;
+  content: "";
+  height: 20px;
+  width: 20px;
+  left: 1px;
+  bottom: 1px;
+  background-color: #F4F4F4;
+  transition: transform 0.4s ease;
+  border-radius: 50%;
 }
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
-  width: 100%;
-  height: 100%;
-  padding: 24px;
-  overflow-y: auto;
-  display: flex;
+.toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG {
+  background-color: #282A2A;
+  border-color: #282A2A;
 }
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
-  overflow-y: auto;
+.toggle-module_toggle__p1Ep4 input:focus + .toggle-module_slider__2IVaG {
+  box-shadow: 0 0 1px 1px #282A2A;
 }
-.popup-module_popup-container__PJ0oQ[data-show] {
-  opacity: 1;
-  visibility: visible;
-  pointer-events: all;
+.toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
+  transform: translateX(24px);
 }
-.popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
-  transform: translateX(0) translateY(0);
+.toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH {
+  opacity: 0.65;
 }
-.popup-module_popup-container__PJ0oQ[data-show=false] {
-  opacity: 0;
-  visibility: hidden;
+.toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH input {
   pointer-events: none;
 }
-.popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
-  transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
-}
-
-.cui-theme-dark .popup-module_popup-container-inner__n83Cz {
-  background-color: #090A0A;
-  color: #F4F4F4;
-}
-.cui-theme-light .popup-module_popup-container-inner__n83Cz {
-  background-color: #090A0A;
-  color: #F4F4F4;
-}
-:root {
-  --divider-line: #4a4b4b;
+.toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG {
+  cursor: not-allowed;
 }
-
-.typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
-  overflow: hidden !important;
+.toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG:after {
+  content: " ";
+  z-index: -1;
+  display: block;
+  position: absolute;
+  height: 100%;
+  top: 0;
+  left: 0;
+  right: 0;
 }
 
-.typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
-  white-space: nowrap !important;
+.cui-theme-dark .toggle-module_toggle__p1Ep4 input:enabled + .toggle-module_slider__2IVaG:hover {
+  background-color: #003A4C;
 }
-
-.typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
-  text-overflow: ellipsis !important;
+.cui-theme-dark .toggle-module_toggle__p1Ep4 input:checked:enabled + .toggle-module_slider__2IVaG:hover {
+  background-color: #262828;
 }
-
-.typography-module_headline__b0XlP {
-  font-size: 28px;
-  line-height: 32px;
+.cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG {
+  border-color: #202929;
 }
-
-.typography-module_headlineSecondary__IDnhT {
-  font-size: 24px;
-  line-height: 28px;
+.cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:hover {
+  background-color: rgba(40, 42, 42, 0.05);
 }
-
-.typography-module_headlineTertiary__mlG-v {
-  font-size: 18px;
-  line-height: 24x;
+.cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:before {
+  background-color: #282A2A;
 }
-
-.typography-module_paragraph__tgBAx, .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY, .typography-module_paragraphSmall__vTMiI {
-  font-size: 14px;
-  line-height: 18px;
-  font-weight: 300;
+.cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
+  background-color: #F4F4F4;
 }
-
-.typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
-  font-size: 12px;
+.cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:hover {
+  background-color: #374646;
 }
-
-.typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
-  font-weight: 600;
+.popup-overlay-module_popup-modal-overlay__dlJqM {
+  z-index: 1;
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background: rgba(40, 80, 120, 0.8) !important;
+  pointer-events: all;
+  user-select: none;
+  will-change: opacity;
+  transition: opacity 450ms ease-in-out;
+  opacity: 0;
+  visibility: hidden;
 }
-
-.typography-module_link__DWurf {
-  overflow: hidden !important;
-  white-space: nowrap !important;
-  text-overflow: ellipsis !important;
-  text-decoration: none;
-  color: #65C5F6;
-  display: inline;
-  gap: 4px;
-  flex-grow: 0;
-  max-width: 400px;
-  position: relative;
-  vertical-align: center;
+.popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
+  opacity: 1;
+  visibility: visible;
 }
-.typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
-  text-decoration: underline;
-  color: #65C5F6;
+.popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
+  opacity: 0;
+  visibility: hidden;
 }
-.typography-module_link__DWurf.typography-module_disabled__hjK8C {
-  pointer-events: none;
-  opacity: 0.6;
+.textAndContent-module_textAndContent__X5P1n {
+  align-items: baseline;
+  flex-shrink: 1;
+  gap: 8px;
 }
 :root {
   --divider-line: #4a4b4b;
@@ -818,135 +852,101 @@
 .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
   border-color: #515757 transparent transparent transparent;
 }
-.popup-overlay-module_popup-modal-overlay__dlJqM {
-  z-index: 1;
-  position: fixed;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  background: rgba(40, 80, 120, 0.8) !important;
-  pointer-events: all;
-  user-select: none;
-  will-change: opacity;
-  transition: opacity 450ms ease-in-out;
-  opacity: 0;
-  visibility: hidden;
-}
-.popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
-  opacity: 1;
-  visibility: visible;
-}
-.popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
-  opacity: 0;
-  visibility: hidden;
-}
 :root {
   --divider-line: #4a4b4b;
 }
 
-.toggle-module_overflow-hidden__NxfFx, .toggle-module_text-truncate__Wg-Jx {
+.popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
   overflow: hidden !important;
 }
 
-.toggle-module_text-nowrap__F9ld6, .toggle-module_text-truncate__Wg-Jx {
+.popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
   white-space: nowrap !important;
 }
 
-.toggle-module_text-ellipsis__ftYlg, .toggle-module_text-truncate__Wg-Jx {
+.popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
   text-overflow: ellipsis !important;
 }
 
-.toggle-module_toggle__p1Ep4 {
-  display: inline-block;
-  position: relative;
-  max-width: 48px;
-  max-height: 24px;
-  width: 48px;
-  height: 24px;
-  border-radius: 16px !important;
-}
-.toggle-module_toggle__p1Ep4 input {
+.popup-module_popup-container__PJ0oQ {
+  --popup-width: 60vw;
+  --popup-height: 50vh;
+  position: fixed;
+  width: var(--popup-width);
+  height: var(--popup-height);
+  --slideXFrom: 0;
+  --slideYFrom: 0;
+  will-change: opacity;
+  transition: opacity 300ms ease-in-out;
   opacity: 0;
-  width: 0;
-  height: 0;
-}
-.toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG {
-  box-sizing: border-box;
-  position: absolute;
-  cursor: pointer;
-  width: 48px;
-  height: 24px;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: transparent;
-  border: 1px solid #F4F4F4;
-  transition: transform, background-color 0.4s ease;
-  border-radius: 16px;
-}
-.toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG:before {
-  position: absolute;
-  content: "";
-  height: 20px;
-  width: 20px;
-  left: 1px;
-  bottom: 1px;
-  background-color: #F4F4F4;
-  transition: transform 0.4s ease;
-  border-radius: 50%;
-}
-.toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG {
-  background-color: #282A2A;
-  border-color: #282A2A;
+  visibility: hidden;
+  pointer-events: none;
 }
-.toggle-module_toggle__p1Ep4 input:focus + .toggle-module_slider__2IVaG {
-  box-shadow: 0 0 1px 1px #282A2A;
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
+  position: relative;
+  flex-direction: column;
+  align-items: start;
+  width: 100%;
+  height: 100%;
+  overflow-x: clip;
+  background-color: #090A0A;
+  border-radius: 4px;
+  box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
+  transition: transform 350ms ease-out;
+  will-change: transform;
+  transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
 }
-.toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
-  transform: translateX(24px);
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
+  margin-bottom: 0;
 }
-.toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH {
-  opacity: 0.65;
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
+  cursor: pointer;
+  line-height: 1px;
+  background-color: rgba(255, 255, 255, 0);
 }
-.toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH input {
-  pointer-events: none;
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
+  background-color: #FDDA0D;
+  width: 9px !important;
+  height: 9px !important;
+  line-height: 1px !important;
 }
-.toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG {
-  cursor: not-allowed;
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
+  background-color: #FFEA00;
 }
-.toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG:after {
-  content: " ";
-  z-index: -1;
-  display: block;
-  position: absolute;
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
+  width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
-  right: 0;
+  padding: 24px;
+  overflow-y: auto;
+  display: flex;
 }
-
-.cui-theme-dark .toggle-module_toggle__p1Ep4 input:enabled + .toggle-module_slider__2IVaG:hover {
-  background-color: #003A4C;
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
+  overflow-y: auto;
 }
-.cui-theme-dark .toggle-module_toggle__p1Ep4 input:checked:enabled + .toggle-module_slider__2IVaG:hover {
-  background-color: #262828;
+.popup-module_popup-container__PJ0oQ[data-show] {
+  opacity: 1;
+  visibility: visible;
+  pointer-events: all;
 }
-.cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG {
-  border-color: #202929;
+.popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
+  transform: translateX(0) translateY(0);
 }
-.cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:hover {
-  background-color: rgba(40, 42, 42, 0.05);
+.popup-module_popup-container__PJ0oQ[data-show=false] {
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
 }
-.cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:before {
-  background-color: #282A2A;
+.popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
+  transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
 }
-.cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
-  background-color: #F4F4F4;
+
+.cui-theme-dark .popup-module_popup-container-inner__n83Cz {
+  background-color: #090A0A;
+  color: #F4F4F4;
 }
-.cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:hover {
-  background-color: #374646;
+.cui-theme-light .popup-module_popup-container-inner__n83Cz {
+  background-color: #090A0A;
+  color: #F4F4F4;
 }
 :root {
   --divider-line: #4a4b4b;