@qn-pandora/pandora-component 4.0.2 → 4.0.3

package/lib/index.css

@@ -8,6 +8,25 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.ant-select-auto-complete {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  -webkit-font-feature-settings: 'tnum';
+          font-feature-settings: 'tnum';
+}
+.ant-select-auto-complete .ant-select-clear {
+  right: 13px;
+}
+.pandora-sdk-auto-complete .ant-input {
+  border: 0px;
+}
 .ant-breadcrumb {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -83,25 +102,6 @@
 .pandora-sdk-breadcrumb a {
   text-decoration: none;
 }
-.ant-select-auto-complete {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: rgba(0, 0, 0, 0.85);
-  font-size: 14px;
-  font-variant: tabular-nums;
-  line-height: 1.5715;
-  list-style: none;
-  -webkit-font-feature-settings: 'tnum';
-          font-feature-settings: 'tnum';
-}
-.ant-select-auto-complete .ant-select-clear {
-  right: 13px;
-}
-.pandora-sdk-auto-complete .ant-input {
-  border: 0px;
-}
 .ant-btn {
   line-height: 1.5715;
   position: relative;
@@ -3345,6 +3345,218 @@ a.ant-btn-sm {
 .ant-checkbox-inner::after {
   left: 20%;
 }
+.pandora-sdk-checkbox-item {
+  white-space: nowrap;
+  width: 100%;
+}
+.pandora-sdk-checkbox-item.ant-checkbox-wrapper {
+  margin-left: 0;
+  line-height: 25px;
+}
+.ant-collapse {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  -webkit-font-feature-settings: 'tnum';
+          font-feature-settings: 'tnum';
+  background-color: #fafafa;
+  border: 1px solid #d9d9d9;
+  border-bottom: 0;
+  border-radius: 2px;
+}
+.ant-collapse > .ant-collapse-item {
+  border-bottom: 1px solid #d9d9d9;
+}
+.ant-collapse > .ant-collapse-item:last-child,
+.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
+  border-radius: 0 0 2px 2px;
+}
+.ant-collapse > .ant-collapse-item > .ant-collapse-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: nowrap;
+      flex-wrap: nowrap;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  padding: 12px 16px;
+  color: rgba(0, 0, 0, 0.85);
+  line-height: 1.5715;
+  cursor: pointer;
+  -webkit-transition: all 0.3s, visibility 0s;
+  transition: all 0.3s, visibility 0s;
+}
+.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
+  display: inline-block;
+  margin-right: 12px;
+  font-size: 12px;
+  vertical-align: -1px;
+}
+.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
+  -webkit-transition: -webkit-transform 0.24s;
+  transition: -webkit-transform 0.24s;
+  transition: transform 0.24s;
+  transition: transform 0.24s, -webkit-transform 0.24s;
+}
+.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
+  margin-left: auto;
+}
+.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
+  outline: none;
+}
+.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {
+  cursor: default;
+}
+.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {
+  cursor: pointer;
+}
+.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
+  padding-left: 12px;
+}
+.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
+  position: relative;
+  padding: 12px 16px;
+  padding-right: 40px;
+}
+.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
+  position: absolute;
+  top: 50%;
+  right: 16px;
+  left: auto;
+  margin: 0;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+}
+.ant-collapse-content {
+  color: rgba(0, 0, 0, 0.85);
+  background-color: #fff;
+  border-top: 1px solid #d9d9d9;
+}
+.ant-collapse-content > .ant-collapse-content-box {
+  padding: 16px;
+}
+.ant-collapse-content-hidden {
+  display: none;
+}
+.ant-collapse-item:last-child > .ant-collapse-content {
+  border-radius: 0 0 2px 2px;
+}
+.ant-collapse-borderless {
+  background-color: #fafafa;
+  border: 0;
+}
+.ant-collapse-borderless > .ant-collapse-item {
+  border-bottom: 1px solid #d9d9d9;
+}
+.ant-collapse-borderless > .ant-collapse-item:last-child,
+.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
+  border-radius: 0;
+}
+.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
+  background-color: transparent;
+  border-top: 0;
+}
+.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
+  padding-top: 4px;
+}
+.ant-collapse-ghost {
+  background-color: transparent;
+  border: 0;
+}
+.ant-collapse-ghost > .ant-collapse-item {
+  border-bottom: 0;
+}
+.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
+  background-color: transparent;
+  border-top: 0;
+}
+.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
+.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: not-allowed;
+}
+.ant-collapse-rtl {
+  direction: rtl;
+}
+.ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
+  padding: 12px 16px;
+  padding-right: 40px;
+}
+.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
+  margin-right: 0;
+  margin-left: 12px;
+}
+.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
+  margin-right: auto;
+  margin-left: 0;
+}
+.ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
+  padding-right: 12px;
+  padding-left: 0;
+}
+.pandora-sdk-collapse-simple {
+  border-width: 0px;
+  color: rgba(0, 0, 0, 0.85);
+}
+.pandora-sdk-collapse-simple > .ant-collapse-item > .ant-collapse-header {
+  background-color: #d9d9d9;
+}
+.pandora-sdk-collapse-simple > .ant-collapse-item > .ant-collapse-header > .ant-collapse-arrow {
+  color: rgba(0, 0, 0, 0.85);
+}
+.pandora-sdk-collapse-simple > .ant-collapse-item > .ant-collapse-content {
+  color: heading-color;
+  border-top-width: 0px;
+}
+.pandora-sdk-collapse-primary,
+.pandora-sdk-collapse-dashed {
+  border: none;
+}
+.pandora-sdk-collapse-primary > .ant-collapse-item {
+  border: none;
+}
+.pandora-sdk-collapse-primary > .ant-collapse-item > .ant-collapse-header {
+  padding: 5px 16px;
+  border-bottom-width: 0px;
+  background-color: #fafafa;
+  font-weight: 500;
+}
+.pandora-sdk-collapse-primary > .ant-collapse-item > .ant-collapse-header .pandora-sdk-header-line {
+  width: 2px;
+  height: 16px;
+  position: absolute;
+  top: 8px;
+  left: 0px;
+  background-color: #2c6dd2;
+}
+.pandora-sdk-collapse-primary > .ant-collapse-item > .ant-collapse-content {
+  border: none;
+}
+.pandora-sdk-collapse-dashed > .ant-collapse-item {
+  border: 1px dashed #d9d9d9;
+  margin-bottom: 12px;
+}
+.pandora-sdk-collapse-dashed > .ant-collapse-item > .ant-collapse-header {
+  background-color: #d9d9d9;
+}
+.pandora-sdk-collapse-dashed > .ant-collapse-item > .ant-collapse-content {
+  border: none;
+}
 .ant-divider {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -4276,210 +4488,6 @@ textarea.ant-input {
 .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
   line-height: 40px;
 }
-.ant-collapse {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: rgba(0, 0, 0, 0.85);
-  font-size: 14px;
-  font-variant: tabular-nums;
-  line-height: 1.5715;
-  list-style: none;
-  -webkit-font-feature-settings: 'tnum';
-          font-feature-settings: 'tnum';
-  background-color: #fafafa;
-  border: 1px solid #d9d9d9;
-  border-bottom: 0;
-  border-radius: 2px;
-}
-.ant-collapse > .ant-collapse-item {
-  border-bottom: 1px solid #d9d9d9;
-}
-.ant-collapse > .ant-collapse-item:last-child,
-.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
-  border-radius: 0 0 2px 2px;
-}
-.ant-collapse > .ant-collapse-item > .ant-collapse-header {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: nowrap;
-      flex-wrap: nowrap;
-  -webkit-box-align: start;
-      -ms-flex-align: start;
-          align-items: flex-start;
-  padding: 12px 16px;
-  color: rgba(0, 0, 0, 0.85);
-  line-height: 1.5715;
-  cursor: pointer;
-  -webkit-transition: all 0.3s, visibility 0s;
-  transition: all 0.3s, visibility 0s;
-}
-.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
-  display: inline-block;
-  margin-right: 12px;
-  font-size: 12px;
-  vertical-align: -1px;
-}
-.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
-  -webkit-transition: -webkit-transform 0.24s;
-  transition: -webkit-transform 0.24s;
-  transition: transform 0.24s;
-  transition: transform 0.24s, -webkit-transform 0.24s;
-}
-.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
-  margin-left: auto;
-}
-.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
-  outline: none;
-}
-.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {
-  cursor: default;
-}
-.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {
-  cursor: pointer;
-}
-.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
-  padding-left: 12px;
-}
-.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
-  position: relative;
-  padding: 12px 16px;
-  padding-right: 40px;
-}
-.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
-  position: absolute;
-  top: 50%;
-  right: 16px;
-  left: auto;
-  margin: 0;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-}
-.ant-collapse-content {
-  color: rgba(0, 0, 0, 0.85);
-  background-color: #fff;
-  border-top: 1px solid #d9d9d9;
-}
-.ant-collapse-content > .ant-collapse-content-box {
-  padding: 16px;
-}
-.ant-collapse-content-hidden {
-  display: none;
-}
-.ant-collapse-item:last-child > .ant-collapse-content {
-  border-radius: 0 0 2px 2px;
-}
-.ant-collapse-borderless {
-  background-color: #fafafa;
-  border: 0;
-}
-.ant-collapse-borderless > .ant-collapse-item {
-  border-bottom: 1px solid #d9d9d9;
-}
-.ant-collapse-borderless > .ant-collapse-item:last-child,
-.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
-  border-radius: 0;
-}
-.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
-  background-color: transparent;
-  border-top: 0;
-}
-.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
-  padding-top: 4px;
-}
-.ant-collapse-ghost {
-  background-color: transparent;
-  border: 0;
-}
-.ant-collapse-ghost > .ant-collapse-item {
-  border-bottom: 0;
-}
-.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
-  background-color: transparent;
-  border-top: 0;
-}
-.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
-  padding-top: 12px;
-  padding-bottom: 12px;
-}
-.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
-.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
-  color: rgba(0, 0, 0, 0.25);
-  cursor: not-allowed;
-}
-.ant-collapse-rtl {
-  direction: rtl;
-}
-.ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
-  padding: 12px 16px;
-  padding-right: 40px;
-}
-.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
-  margin-right: 0;
-  margin-left: 12px;
-}
-.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
-  -webkit-transform: rotate(180deg);
-          transform: rotate(180deg);
-}
-.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
-  margin-right: auto;
-  margin-left: 0;
-}
-.ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
-  padding-right: 12px;
-  padding-left: 0;
-}
-.pandora-sdk-collapse-simple {
-  border-width: 0px;
-  color: rgba(0, 0, 0, 0.85);
-}
-.pandora-sdk-collapse-simple > .ant-collapse-item > .ant-collapse-header {
-  background-color: #d9d9d9;
-}
-.pandora-sdk-collapse-simple > .ant-collapse-item > .ant-collapse-header > .ant-collapse-arrow {
-  color: rgba(0, 0, 0, 0.85);
-}
-.pandora-sdk-collapse-simple > .ant-collapse-item > .ant-collapse-content {
-  color: heading-color;
-  border-top-width: 0px;
-}
-.pandora-sdk-collapse-primary,
-.pandora-sdk-collapse-dashed {
-  border: none;
-}
-.pandora-sdk-collapse-primary > .ant-collapse-item {
-  border: none;
-}
-.pandora-sdk-collapse-primary > .ant-collapse-item > .ant-collapse-header {
-  padding: 5px 16px;
-  border-bottom-width: 0px;
-  background-color: #fafafa;
-  font-weight: 500;
-}
-.pandora-sdk-collapse-primary > .ant-collapse-item > .ant-collapse-header .pandora-sdk-header-line {
-  width: 2px;
-  height: 16px;
-  position: absolute;
-  top: 8px;
-  left: 0px;
-  background-color: #2c6dd2;
-}
-.pandora-sdk-collapse-primary > .ant-collapse-item > .ant-collapse-content {
-  border: none;
-}
-.pandora-sdk-collapse-dashed > .ant-collapse-item {
-  border: 1px dashed #d9d9d9;
-  margin-bottom: 12px;
-}
-.pandora-sdk-collapse-dashed > .ant-collapse-item > .ant-collapse-header {
-  background-color: #d9d9d9;
-}
-.pandora-sdk-collapse-dashed > .ant-collapse-item > .ant-collapse-content {
-  border: none;
-}
 .pandora-sdk-collapsible-panel > .panel-header {
   position: relative;
   padding: 12px 16px 12px 40px;
@@ -4536,14 +4544,6 @@ textarea.ant-input {
   padding-left: 16px;
   padding-right: 16px;
 }
-.pandora-sdk-checkbox-item {
-  white-space: nowrap;
-  width: 100%;
-}
-.pandora-sdk-checkbox-item.ant-checkbox-wrapper {
-  margin-left: 0;
-  line-height: 25px;
-}
 .ant-popover {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -5125,7 +5125,7 @@ textarea.ant-input {
 }
 .pandora-sdk-drawer .ant-drawer-content-wrapper {
   width: 50%;
-  min-width: 600px;
+  min-width: 300px;
 }
 .pandora-sdk-drawer .ant-drawer-content > div {
   position: relative;
@@ -5135,6 +5135,23 @@ textarea.ant-input {
   height: 60px;
   line-height: 60px;
 }
+.pandora-sdk-drawer-no-mask .ant-drawer-content-wrapper {
+  width: 100%;
+}
+.pandora-sdk-scroll-handler {
+  position: absolute;
+  width: 5px;
+  padding: 4px 0 0;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 100;
+  cursor: ew-resize;
+}
+.pandora-sdk-drawer-right-close-icon {
+  margin-left: 8px;
+  font-size: 16px;
+}
 .ant-input[disabled] {
   border-color: #d9d9d9;
 }
@@ -5158,174 +5175,455 @@ textarea.ant-input {
   color: #333;
   width: 70%;
 }
-.ant-menu-item-danger.ant-menu-item {
-  color: #ff4d4f;
-}
-.ant-menu-item-danger.ant-menu-item:hover,
-.ant-menu-item-danger.ant-menu-item-active {
-  color: #ff4d4f;
-}
-.ant-menu-item-danger.ant-menu-item:active {
-  background: #fff1f0;
-}
-.ant-menu-item-danger.ant-menu-item-selected {
-  color: #ff4d4f;
-}
-.ant-menu-item-danger.ant-menu-item-selected > a,
-.ant-menu-item-danger.ant-menu-item-selected > a:hover {
-  color: #ff4d4f;
-}
-.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
-  background-color: #fff1f0;
-}
-.ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
-  border-right-color: #ff4d4f;
-}
-.ant-menu-dark .ant-menu-item-danger.ant-menu-item,
-.ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
-.ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
-  color: #ff4d4f;
-}
-.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
-  color: #fff;
-  background-color: #ff4d4f;
-}
-.ant-menu {
+.ant-modal {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   margin: 0;
   padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
   font-variant: tabular-nums;
   line-height: 1.5715;
+  list-style: none;
   -webkit-font-feature-settings: 'tnum';
           font-feature-settings: 'tnum';
-  margin-bottom: 0;
-  padding-left: 0;
-  color: rgba(0, 0, 0, 0.85);
-  font-size: 14px;
-  line-height: 0;
-  text-align: left;
-  list-style: none;
-  background: #fff;
-  outline: none;
-  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
-          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
-  -webkit-transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
-  transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
+  pointer-events: none;
+  position: relative;
+  top: 100px;
+  width: auto;
+  max-width: calc(100vw - 32px);
+  margin: 0 auto;
+  padding-bottom: 24px;
 }
-.ant-menu::before {
-  display: table;
-  content: '';
+.ant-modal.ant-zoom-enter,
+.ant-modal.antzoom-appear {
+  -webkit-transform: none;
+          transform: none;
+  opacity: 0;
+  -webkit-animation-duration: 0.3s;
+          animation-duration: 0.3s;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
 }
-.ant-menu::after {
-  display: table;
-  clear: both;
-  content: '';
+.ant-modal-mask {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1000;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.45);
 }
-.ant-menu.ant-menu-root:focus-visible {
-  -webkit-box-shadow: 0 0 0 2px #e6f7ff;
-          box-shadow: 0 0 0 2px #e6f7ff;
+.ant-modal-mask-hidden {
+  display: none;
 }
-.ant-menu ul,
-.ant-menu ol {
+.ant-modal-wrap {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow: auto;
+  outline: 0;
+  -webkit-overflow-scrolling: touch;
+}
+.ant-modal-wrap {
+  z-index: 1000;
+}
+.ant-modal-title {
   margin: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 22px;
+  word-wrap: break-word;
+}
+.ant-modal-content {
+  position: relative;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 0;
+  border-radius: 2px;
+  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+  pointer-events: auto;
+}
+.ant-modal-close {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 10;
   padding: 0;
-  list-style: none;
+  color: rgba(0, 0, 0, 0.45);
+  font-weight: 700;
+  line-height: 1;
+  text-decoration: none;
+  background: transparent;
+  border: 0;
+  outline: 0;
+  cursor: pointer;
+  -webkit-transition: color 0.3s;
+  transition: color 0.3s;
 }
-.ant-menu-overflow {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
+.ant-modal-close-x {
+  display: block;
+  width: 56px;
+  height: 56px;
+  font-size: 16px;
+  font-style: normal;
+  line-height: 56px;
+  text-align: center;
+  text-transform: none;
+  text-rendering: auto;
 }
-.ant-menu-overflow-item {
-  -webkit-box-flex: 0;
-      -ms-flex: none;
-          flex: none;
+.ant-modal-close:focus,
+.ant-modal-close:hover {
+  color: rgba(0, 0, 0, 0.75);
+  text-decoration: none;
 }
-.ant-menu-hidden,
-.ant-menu-submenu-hidden {
-  display: none;
+.ant-modal-header {
+  padding: 16px 24px;
+  color: rgba(0, 0, 0, 0.85);
+  background: #fff;
+  border-bottom: 1px solid #f0f0f0;
+  border-radius: 2px 2px 0 0;
 }
-.ant-menu-item-group-title {
-  height: 1.5715;
-  padding: 8px 16px;
-  color: rgba(0, 0, 0, 0.45);
+.ant-modal-body {
+  padding: 24px;
   font-size: 14px;
   line-height: 1.5715;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
+  word-wrap: break-word;
 }
-.ant-menu-horizontal .ant-menu-submenu {
-  -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+.ant-modal-footer {
+  padding: 10px 16px;
+  text-align: right;
+  background: transparent;
+  border-top: 1px solid #f0f0f0;
+  border-radius: 0 0 2px 2px;
 }
-.ant-menu-submenu,
-.ant-menu-submenu-inline {
-  -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
-  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
+.ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
+  margin-bottom: 0;
+  margin-left: 8px;
 }
-.ant-menu-submenu-selected {
-  color: #1890ff;
+.ant-modal-open {
+  overflow: hidden;
 }
-.ant-menu-item:active,
-.ant-menu-submenu-title:active {
-  background: #e6f7ff;
+.ant-modal-centered {
+  text-align: center;
 }
-.ant-menu-submenu .ant-menu-sub {
-  cursor: initial;
-  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+.ant-modal-centered::before {
+  display: inline-block;
+  width: 0;
+  height: 100%;
+  vertical-align: middle;
+  content: '';
 }
-.ant-menu-title-content {
-  -webkit-transition: color 0.3s;
-  transition: color 0.3s;
+.ant-modal-centered .ant-modal {
+  top: 0;
+  display: inline-block;
+  text-align: left;
+  vertical-align: middle;
 }
-.ant-menu-item a {
-  color: rgba(0, 0, 0, 0.85);
+@media (max-width: 767px) {
+  .ant-modal {
+    max-width: calc(100vw - 16px);
+    margin: 8px auto;
+  }
+  .ant-modal-centered .ant-modal {
+    -webkit-box-flex: 1;
+        -ms-flex: 1;
+            flex: 1;
+  }
 }
-.ant-menu-item a:hover {
-  color: #1890ff;
+.ant-modal-confirm .ant-modal-header {
+  display: none;
 }
-.ant-menu-item a::before {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background-color: transparent;
-  content: '';
+.ant-modal-confirm .ant-modal-body {
+  padding: 32px 32px 24px;
 }
-.ant-menu-item > .ant-badge a {
-  color: rgba(0, 0, 0, 0.85);
+.ant-modal-confirm-body-wrapper::before {
+  display: table;
+  content: '';
 }
-.ant-menu-item > .ant-badge a:hover {
-  color: #1890ff;
+.ant-modal-confirm-body-wrapper::after {
+  display: table;
+  clear: both;
+  content: '';
 }
-.ant-menu-item-divider {
+.ant-modal-confirm-body .ant-modal-confirm-title {
+  display: block;
   overflow: hidden;
-  line-height: 0;
-  border-color: #f0f0f0;
-  border-style: solid;
-  border-width: 1px 0 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 1.4;
 }
-.ant-menu-item-divider-dashed {
-  border-style: dashed;
+.ant-modal-confirm-body .ant-modal-confirm-content {
+  margin-top: 8px;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
 }
-.ant-menu-horizontal .ant-menu-item,
-.ant-menu-horizontal .ant-menu-submenu {
-  margin-top: -1px;
+.ant-modal-confirm-body > .anticon {
+  float: left;
+  margin-right: 16px;
+  font-size: 22px;
 }
-.ant-menu-horizontal > .ant-menu-item:hover,
-.ant-menu-horizontal > .ant-menu-item-active,
-.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
-  background-color: transparent;
+.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
+  margin-left: 38px;
 }
-.ant-menu-item-selected {
-  color: #1890ff;
+.ant-modal-confirm .ant-modal-confirm-btns {
+  float: right;
+  margin-top: 24px;
 }
-.ant-menu-item-selected a,
-.ant-menu-item-selected a:hover {
-  color: #1890ff;
+.ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
+  margin-bottom: 0;
+  margin-left: 8px;
+}
+.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
+  color: #ff4d4f;
+}
+.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
+.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
+  color: #faad14;
+}
+.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
+  color: #1890ff;
+}
+.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
+  color: #52c41a;
+}
+.ant-modal-wrap-rtl {
+  direction: rtl;
+}
+.ant-modal-wrap-rtl .ant-modal-close {
+  right: initial;
+  left: 0;
+}
+.ant-modal-wrap-rtl .ant-modal-footer {
+  text-align: left;
+}
+.ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
+  margin-right: 8px;
+  margin-left: 0;
+}
+.ant-modal-wrap-rtl .ant-modal-confirm-body {
+  direction: rtl;
+}
+.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
+  float: right;
+  margin-right: 0;
+  margin-left: 16px;
+}
+.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
+  margin-right: 38px;
+  margin-left: 0;
+}
+.ant-modal-wrap-rtl .ant-modal-confirm-btns {
+  float: left;
+}
+.ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
+  margin-right: 8px;
+  margin-left: 0;
+}
+.ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
+  text-align: right;
+}
+.pandora-sdk-modal .ant-modal-header {
+  border-color: rgba(0, 0, 0, 0.09);
+}
+.pandora-sdk-modal .ant-modal-body {
+  max-height: 70vh;
+  overflow-y: auto;
+  background: #d9d9d9;
+  padding: 0px 60px;
+  padding-top: 24px;
+  border-radius: 0 0 2px 2px;
+}
+.pandora-sdk-modal .ant-modal-footer {
+  border: none;
+  padding: 32px 24px 24px 24px;
+}
+.pandora-sdk-modal .ant-modal-footer .ant-btn {
+  min-width: 60px;
+  height: 32px;
+  margin-left: 12px;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.85);
+}
+.pandora-sdk-modal .ant-modal-footer .ant-btn-primary {
+  color: #d9d9d9;
+}
+.ant-menu-item-danger.ant-menu-item {
+  color: #ff4d4f;
+}
+.ant-menu-item-danger.ant-menu-item:hover,
+.ant-menu-item-danger.ant-menu-item-active {
+  color: #ff4d4f;
+}
+.ant-menu-item-danger.ant-menu-item:active {
+  background: #fff1f0;
+}
+.ant-menu-item-danger.ant-menu-item-selected {
+  color: #ff4d4f;
+}
+.ant-menu-item-danger.ant-menu-item-selected > a,
+.ant-menu-item-danger.ant-menu-item-selected > a:hover {
+  color: #ff4d4f;
+}
+.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
+  background-color: #fff1f0;
+}
+.ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
+  border-right-color: #ff4d4f;
+}
+.ant-menu-dark .ant-menu-item-danger.ant-menu-item,
+.ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
+.ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
+  color: #ff4d4f;
+}
+.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
+  color: #fff;
+  background-color: #ff4d4f;
+}
+.ant-menu {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  -webkit-font-feature-settings: 'tnum';
+          font-feature-settings: 'tnum';
+  margin-bottom: 0;
+  padding-left: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  line-height: 0;
+  text-align: left;
+  list-style: none;
+  background: #fff;
+  outline: none;
+  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+  -webkit-transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
+  transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
+}
+.ant-menu::before {
+  display: table;
+  content: '';
+}
+.ant-menu::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.ant-menu.ant-menu-root:focus-visible {
+  -webkit-box-shadow: 0 0 0 2px #e6f7ff;
+          box-shadow: 0 0 0 2px #e6f7ff;
+}
+.ant-menu ul,
+.ant-menu ol {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.ant-menu-overflow {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.ant-menu-overflow-item {
+  -webkit-box-flex: 0;
+      -ms-flex: none;
+          flex: none;
+}
+.ant-menu-hidden,
+.ant-menu-submenu-hidden {
+  display: none;
+}
+.ant-menu-item-group-title {
+  height: 1.5715;
+  padding: 8px 16px;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 14px;
+  line-height: 1.5715;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+}
+.ant-menu-horizontal .ant-menu-submenu {
+  -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+}
+.ant-menu-submenu,
+.ant-menu-submenu-inline {
+  -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
+  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
+}
+.ant-menu-submenu-selected {
+  color: #1890ff;
+}
+.ant-menu-item:active,
+.ant-menu-submenu-title:active {
+  background: #e6f7ff;
+}
+.ant-menu-submenu .ant-menu-sub {
+  cursor: initial;
+  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+}
+.ant-menu-title-content {
+  -webkit-transition: color 0.3s;
+  transition: color 0.3s;
+}
+.ant-menu-item a {
+  color: rgba(0, 0, 0, 0.85);
+}
+.ant-menu-item a:hover {
+  color: #1890ff;
+}
+.ant-menu-item a::before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: transparent;
+  content: '';
+}
+.ant-menu-item > .ant-badge a {
+  color: rgba(0, 0, 0, 0.85);
+}
+.ant-menu-item > .ant-badge a:hover {
+  color: #1890ff;
+}
+.ant-menu-item-divider {
+  overflow: hidden;
+  line-height: 0;
+  border-color: #f0f0f0;
+  border-style: solid;
+  border-width: 1px 0 0;
+}
+.ant-menu-item-divider-dashed {
+  border-style: dashed;
+}
+.ant-menu-horizontal .ant-menu-item,
+.ant-menu-horizontal .ant-menu-submenu {
+  margin-top: -1px;
+}
+.ant-menu-horizontal > .ant-menu-item:hover,
+.ant-menu-horizontal > .ant-menu-item-active,
+.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
+  background-color: transparent;
+}
+.ant-menu-item-selected {
+  color: #1890ff;
+}
+.ant-menu-item-selected a,
+.ant-menu-item-selected a:hover {
+  color: #1890ff;
 }
 .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
   background-color: #e6f7ff;
@@ -5924,505 +6222,224 @@ textarea.ant-input {
 .ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
 .ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
   left: 0;
-  margin-left: 0;
-  border-right: 0;
-}
-.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
-.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
-.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
-.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
-  border-right: 0;
-}
-.ant-menu-dark.ant-menu-inline .ant-menu-item,
-.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
-  width: 100%;
-}
-.ant-menu-dark .ant-menu-item:hover,
-.ant-menu-dark .ant-menu-item-active,
-.ant-menu-dark .ant-menu-submenu-active,
-.ant-menu-dark .ant-menu-submenu-open,
-.ant-menu-dark .ant-menu-submenu-selected,
-.ant-menu-dark .ant-menu-submenu-title:hover {
-  color: #fff;
-  background-color: transparent;
-}
-.ant-menu-dark .ant-menu-item:hover > a,
-.ant-menu-dark .ant-menu-item-active > a,
-.ant-menu-dark .ant-menu-submenu-active > a,
-.ant-menu-dark .ant-menu-submenu-open > a,
-.ant-menu-dark .ant-menu-submenu-selected > a,
-.ant-menu-dark .ant-menu-submenu-title:hover > a,
-.ant-menu-dark .ant-menu-item:hover > span > a,
-.ant-menu-dark .ant-menu-item-active > span > a,
-.ant-menu-dark .ant-menu-submenu-active > span > a,
-.ant-menu-dark .ant-menu-submenu-open > span > a,
-.ant-menu-dark .ant-menu-submenu-selected > span > a,
-.ant-menu-dark .ant-menu-submenu-title:hover > span > a {
-  color: #fff;
-}
-.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
-.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
-.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
-.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
-.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
-.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
-  opacity: 1;
-}
-.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
-.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
-.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
-.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
-.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
-.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
-.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
-.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
-.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
-.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
-.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
-.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
-  background: #fff;
-}
-.ant-menu-dark .ant-menu-item:hover {
-  background-color: transparent;
-}
-.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
-  background-color: #1890ff;
-}
-.ant-menu-dark .ant-menu-item-selected {
-  color: #fff;
-  border-right: 0;
-}
-.ant-menu-dark .ant-menu-item-selected::after {
-  border-right: 0;
-}
-.ant-menu-dark .ant-menu-item-selected > a,
-.ant-menu-dark .ant-menu-item-selected > span > a,
-.ant-menu-dark .ant-menu-item-selected > a:hover,
-.ant-menu-dark .ant-menu-item-selected > span > a:hover {
-  color: #fff;
-}
-.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,
-.ant-menu-dark .ant-menu-item-selected .anticon {
-  color: #fff;
-}
-.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span,
-.ant-menu-dark .ant-menu-item-selected .anticon + span {
-  color: #fff;
-}
-.ant-menu.ant-menu-dark .ant-menu-item-selected,
-.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
-  background-color: #1890ff;
-}
-.ant-menu-dark .ant-menu-item-disabled,
-.ant-menu-dark .ant-menu-submenu-disabled,
-.ant-menu-dark .ant-menu-item-disabled > a,
-.ant-menu-dark .ant-menu-submenu-disabled > a,
-.ant-menu-dark .ant-menu-item-disabled > span > a,
-.ant-menu-dark .ant-menu-submenu-disabled > span > a {
-  color: rgba(255, 255, 255, 0.35) !important;
-  opacity: 0.8;
-}
-.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
-.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
-  color: rgba(255, 255, 255, 0.35) !important;
-}
-.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
-.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
-.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
-.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
-  background: rgba(255, 255, 255, 0.35) !important;
-}
-.ant-menu.ant-menu-rtl {
-  direction: rtl;
-  text-align: right;
-}
-.ant-menu-rtl .ant-menu-item-group-title {
-  text-align: right;
-}
-.ant-menu-rtl.ant-menu-inline,
-.ant-menu-rtl.ant-menu-vertical {
-  border-right: none;
-  border-left: 1px solid #f0f0f0;
-}
-.ant-menu-rtl.ant-menu-dark.ant-menu-inline,
-.ant-menu-rtl.ant-menu-dark.ant-menu-vertical {
-  border-left: none;
-}
-.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
-.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
-.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
-.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
-.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
-.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
-  -webkit-transform-origin: top right;
-          transform-origin: top right;
-}
-.ant-menu-rtl .ant-menu-item .ant-menu-item-icon,
-.ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,
-.ant-menu-rtl .ant-menu-item .anticon,
-.ant-menu-rtl .ant-menu-submenu-title .anticon {
-  margin-right: auto;
-  margin-left: 10px;
-}
-.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
-.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon,
-.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon,
-.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon {
-  margin-left: 0;
-}
-.ant-menu-submenu-rtl.ant-menu-submenu-popup {
-  -webkit-transform-origin: 100% 0;
-          transform-origin: 100% 0;
-}
-.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
-.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
-.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
-.ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
-  right: auto;
-  left: 16px;
-}
-.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
-.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
-.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
-  -webkit-transform: rotate(-45deg) translateY(-2px);
-          transform: rotate(-45deg) translateY(-2px);
-}
-.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
-.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
-.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
-  -webkit-transform: rotate(45deg) translateY(2px);
-          transform: rotate(45deg) translateY(2px);
-}
-.ant-menu-rtl.ant-menu-vertical .ant-menu-item::after,
-.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after,
-.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after,
-.ant-menu-rtl.ant-menu-inline .ant-menu-item::after {
-  right: auto;
-  left: 0;
-}
-.ant-menu-rtl.ant-menu-vertical .ant-menu-item,
-.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,
-.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,
-.ant-menu-rtl.ant-menu-inline .ant-menu-item,
-.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,
-.ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,
-.ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title,
-.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
-  text-align: right;
-}
-.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
-  padding-right: 0;
-  padding-left: 34px;
-}
-.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title {
-  padding-right: 16px;
-  padding-left: 34px;
-}
-.ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title {
-  padding: 0 calc(50% - 16px / 2);
-}
-.ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,
-.ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title {
-  padding: 0 28px 0 16px;
-}
-.ant-menu-sub.ant-menu-inline {
-  border: 0;
-}
-.ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
-  padding-right: 32px;
-  padding-left: 0;
-}
-.ant-menu-vertical.ant-menu-sub:not([class*='-active']),
-.ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
-.ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
-  max-height: 320px;
-}
-.ant-menu-item .pandora-sdk-menu-item-a {
-  color: #333;
-}
-.ant-menu-horizontal > .ant-menu-item .pandora-sdk-menu-item-a {
-  color: #333;
-}
-.ant-modal {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: rgba(0, 0, 0, 0.85);
-  font-size: 14px;
-  font-variant: tabular-nums;
-  line-height: 1.5715;
-  list-style: none;
-  -webkit-font-feature-settings: 'tnum';
-          font-feature-settings: 'tnum';
-  pointer-events: none;
-  position: relative;
-  top: 100px;
-  width: auto;
-  max-width: calc(100vw - 32px);
-  margin: 0 auto;
-  padding-bottom: 24px;
-}
-.ant-modal.ant-zoom-enter,
-.ant-modal.antzoom-appear {
-  -webkit-transform: none;
-          transform: none;
-  opacity: 0;
-  -webkit-animation-duration: 0.3s;
-          animation-duration: 0.3s;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-.ant-modal-mask {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1000;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.45);
-}
-.ant-modal-mask-hidden {
-  display: none;
-}
-.ant-modal-wrap {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  overflow: auto;
-  outline: 0;
-  -webkit-overflow-scrolling: touch;
-}
-.ant-modal-wrap {
-  z-index: 1000;
-}
-.ant-modal-title {
-  margin: 0;
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: 500;
-  font-size: 16px;
-  line-height: 22px;
-  word-wrap: break-word;
-}
-.ant-modal-content {
-  position: relative;
-  background-color: #fff;
-  background-clip: padding-box;
-  border: 0;
-  border-radius: 2px;
-  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
-          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
-  pointer-events: auto;
-}
-.ant-modal-close {
-  position: absolute;
-  top: 0;
-  right: 0;
-  z-index: 10;
-  padding: 0;
-  color: rgba(0, 0, 0, 0.45);
-  font-weight: 700;
-  line-height: 1;
-  text-decoration: none;
-  background: transparent;
-  border: 0;
-  outline: 0;
-  cursor: pointer;
-  -webkit-transition: color 0.3s;
-  transition: color 0.3s;
-}
-.ant-modal-close-x {
-  display: block;
-  width: 56px;
-  height: 56px;
-  font-size: 16px;
-  font-style: normal;
-  line-height: 56px;
-  text-align: center;
-  text-transform: none;
-  text-rendering: auto;
-}
-.ant-modal-close:focus,
-.ant-modal-close:hover {
-  color: rgba(0, 0, 0, 0.75);
-  text-decoration: none;
-}
-.ant-modal-header {
-  padding: 16px 24px;
-  color: rgba(0, 0, 0, 0.85);
-  background: #fff;
-  border-bottom: 1px solid #f0f0f0;
-  border-radius: 2px 2px 0 0;
-}
-.ant-modal-body {
-  padding: 24px;
-  font-size: 14px;
-  line-height: 1.5715;
-  word-wrap: break-word;
-}
-.ant-modal-footer {
-  padding: 10px 16px;
-  text-align: right;
-  background: transparent;
-  border-top: 1px solid #f0f0f0;
-  border-radius: 0 0 2px 2px;
+  margin-left: 0;
+  border-right: 0;
 }
-.ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
-  margin-bottom: 0;
-  margin-left: 8px;
+.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
+.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
+.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
+.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
+  border-right: 0;
 }
-.ant-modal-open {
-  overflow: hidden;
+.ant-menu-dark.ant-menu-inline .ant-menu-item,
+.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
+  width: 100%;
 }
-.ant-modal-centered {
-  text-align: center;
+.ant-menu-dark .ant-menu-item:hover,
+.ant-menu-dark .ant-menu-item-active,
+.ant-menu-dark .ant-menu-submenu-active,
+.ant-menu-dark .ant-menu-submenu-open,
+.ant-menu-dark .ant-menu-submenu-selected,
+.ant-menu-dark .ant-menu-submenu-title:hover {
+  color: #fff;
+  background-color: transparent;
 }
-.ant-modal-centered::before {
-  display: inline-block;
-  width: 0;
-  height: 100%;
-  vertical-align: middle;
-  content: '';
+.ant-menu-dark .ant-menu-item:hover > a,
+.ant-menu-dark .ant-menu-item-active > a,
+.ant-menu-dark .ant-menu-submenu-active > a,
+.ant-menu-dark .ant-menu-submenu-open > a,
+.ant-menu-dark .ant-menu-submenu-selected > a,
+.ant-menu-dark .ant-menu-submenu-title:hover > a,
+.ant-menu-dark .ant-menu-item:hover > span > a,
+.ant-menu-dark .ant-menu-item-active > span > a,
+.ant-menu-dark .ant-menu-submenu-active > span > a,
+.ant-menu-dark .ant-menu-submenu-open > span > a,
+.ant-menu-dark .ant-menu-submenu-selected > span > a,
+.ant-menu-dark .ant-menu-submenu-title:hover > span > a {
+  color: #fff;
 }
-.ant-modal-centered .ant-modal {
-  top: 0;
-  display: inline-block;
-  text-align: left;
-  vertical-align: middle;
+.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
+.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
+.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
+.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
+.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
+.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
+  opacity: 1;
 }
-@media (max-width: 767px) {
-  .ant-modal {
-    max-width: calc(100vw - 16px);
-    margin: 8px auto;
-  }
-  .ant-modal-centered .ant-modal {
-    -webkit-box-flex: 1;
-        -ms-flex: 1;
-            flex: 1;
-  }
+.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
+  background: #fff;
 }
-.ant-modal-confirm .ant-modal-header {
-  display: none;
+.ant-menu-dark .ant-menu-item:hover {
+  background-color: transparent;
 }
-.ant-modal-confirm .ant-modal-body {
-  padding: 32px 32px 24px;
+.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
+  background-color: #1890ff;
 }
-.ant-modal-confirm-body-wrapper::before {
-  display: table;
-  content: '';
+.ant-menu-dark .ant-menu-item-selected {
+  color: #fff;
+  border-right: 0;
 }
-.ant-modal-confirm-body-wrapper::after {
-  display: table;
-  clear: both;
-  content: '';
+.ant-menu-dark .ant-menu-item-selected::after {
+  border-right: 0;
 }
-.ant-modal-confirm-body .ant-modal-confirm-title {
-  display: block;
-  overflow: hidden;
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: 500;
-  font-size: 16px;
-  line-height: 1.4;
+.ant-menu-dark .ant-menu-item-selected > a,
+.ant-menu-dark .ant-menu-item-selected > span > a,
+.ant-menu-dark .ant-menu-item-selected > a:hover,
+.ant-menu-dark .ant-menu-item-selected > span > a:hover {
+  color: #fff;
 }
-.ant-modal-confirm-body .ant-modal-confirm-content {
-  margin-top: 8px;
-  color: rgba(0, 0, 0, 0.85);
-  font-size: 14px;
+.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,
+.ant-menu-dark .ant-menu-item-selected .anticon {
+  color: #fff;
 }
-.ant-modal-confirm-body > .anticon {
-  float: left;
-  margin-right: 16px;
-  font-size: 22px;
+.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span,
+.ant-menu-dark .ant-menu-item-selected .anticon + span {
+  color: #fff;
 }
-.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
-  margin-left: 38px;
+.ant-menu.ant-menu-dark .ant-menu-item-selected,
+.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
+  background-color: #1890ff;
 }
-.ant-modal-confirm .ant-modal-confirm-btns {
-  float: right;
-  margin-top: 24px;
+.ant-menu-dark .ant-menu-item-disabled,
+.ant-menu-dark .ant-menu-submenu-disabled,
+.ant-menu-dark .ant-menu-item-disabled > a,
+.ant-menu-dark .ant-menu-submenu-disabled > a,
+.ant-menu-dark .ant-menu-item-disabled > span > a,
+.ant-menu-dark .ant-menu-submenu-disabled > span > a {
+  color: rgba(255, 255, 255, 0.35) !important;
+  opacity: 0.8;
 }
-.ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
-  margin-bottom: 0;
-  margin-left: 8px;
+.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
+.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
+  color: rgba(255, 255, 255, 0.35) !important;
 }
-.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
-  color: #ff4d4f;
+.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
+  background: rgba(255, 255, 255, 0.35) !important;
 }
-.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
-.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
-  color: #faad14;
+.ant-menu.ant-menu-rtl {
+  direction: rtl;
+  text-align: right;
 }
-.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
-  color: #1890ff;
+.ant-menu-rtl .ant-menu-item-group-title {
+  text-align: right;
 }
-.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
-  color: #52c41a;
+.ant-menu-rtl.ant-menu-inline,
+.ant-menu-rtl.ant-menu-vertical {
+  border-right: none;
+  border-left: 1px solid #f0f0f0;
 }
-.ant-modal-wrap-rtl {
-  direction: rtl;
+.ant-menu-rtl.ant-menu-dark.ant-menu-inline,
+.ant-menu-rtl.ant-menu-dark.ant-menu-vertical {
+  border-left: none;
 }
-.ant-modal-wrap-rtl .ant-modal-close {
-  right: initial;
-  left: 0;
+.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
+.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
+.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
+.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
+.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
+.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
+  -webkit-transform-origin: top right;
+          transform-origin: top right;
 }
-.ant-modal-wrap-rtl .ant-modal-footer {
-  text-align: left;
+.ant-menu-rtl .ant-menu-item .ant-menu-item-icon,
+.ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,
+.ant-menu-rtl .ant-menu-item .anticon,
+.ant-menu-rtl .ant-menu-submenu-title .anticon {
+  margin-right: auto;
+  margin-left: 10px;
 }
-.ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
-  margin-right: 8px;
+.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
+.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon,
+.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon,
+.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon {
   margin-left: 0;
 }
-.ant-modal-wrap-rtl .ant-modal-confirm-body {
-  direction: rtl;
+.ant-menu-submenu-rtl.ant-menu-submenu-popup {
+  -webkit-transform-origin: 100% 0;
+          transform-origin: 100% 0;
 }
-.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
-  float: right;
-  margin-right: 0;
-  margin-left: 16px;
+.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
+.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
+.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
+.ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
+  right: auto;
+  left: 16px;
 }
-.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
-  margin-right: 38px;
-  margin-left: 0;
+.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
+.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
+.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
+  -webkit-transform: rotate(-45deg) translateY(-2px);
+          transform: rotate(-45deg) translateY(-2px);
 }
-.ant-modal-wrap-rtl .ant-modal-confirm-btns {
-  float: left;
+.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
+.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
+.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
+  -webkit-transform: rotate(45deg) translateY(2px);
+          transform: rotate(45deg) translateY(2px);
 }
-.ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
-  margin-right: 8px;
-  margin-left: 0;
+.ant-menu-rtl.ant-menu-vertical .ant-menu-item::after,
+.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after,
+.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after,
+.ant-menu-rtl.ant-menu-inline .ant-menu-item::after {
+  right: auto;
+  left: 0;
+}
+.ant-menu-rtl.ant-menu-vertical .ant-menu-item,
+.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,
+.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,
+.ant-menu-rtl.ant-menu-inline .ant-menu-item,
+.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,
+.ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,
+.ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title,
+.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
+  text-align: right;
+}
+.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
+  padding-right: 0;
+  padding-left: 34px;
+}
+.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title {
+  padding-right: 16px;
+  padding-left: 34px;
 }
-.ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
-  text-align: right;
+.ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title {
+  padding: 0 calc(50% - 16px / 2);
 }
-.pandora-sdk-modal .ant-modal-header {
-  border-color: rgba(0, 0, 0, 0.09);
+.ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,
+.ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title {
+  padding: 0 28px 0 16px;
 }
-.pandora-sdk-modal .ant-modal-body {
-  max-height: 70vh;
-  overflow-y: auto;
-  background: #d9d9d9;
-  padding: 0px 60px;
-  padding-top: 24px;
-  border-radius: 0 0 2px 2px;
+.ant-menu-sub.ant-menu-inline {
+  border: 0;
 }
-.pandora-sdk-modal .ant-modal-footer {
-  border: none;
-  padding: 32px 24px 24px 24px;
+.ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
+  padding-right: 32px;
+  padding-left: 0;
 }
-.pandora-sdk-modal .ant-modal-footer .ant-btn {
-  min-width: 60px;
-  height: 32px;
-  margin-left: 12px;
-  font-size: 14px;
-  color: rgba(0, 0, 0, 0.85);
+.ant-menu-vertical.ant-menu-sub:not([class*='-active']),
+.ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
+.ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
+  max-height: 320px;
 }
-.pandora-sdk-modal .ant-modal-footer .ant-btn-primary {
-  color: #d9d9d9;
+.ant-menu-item .pandora-sdk-menu-item-a {
+  color: #333;
+}
+.ant-menu-horizontal > .ant-menu-item .pandora-sdk-menu-item-a {
+  color: #333;
 }
 .pandora-sdk-name-explain-icon {
   color: inherit;
@@ -9714,6 +9731,32 @@ textarea.ant-input-number {
 .pandora-sdk-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon .ant-steps-icon {
   color: inherit;
 }
+.pandora-sdk-tabs .pandora-sdk-tabs-tab {
+  position: relative;
+}
+.pandora-sdk-tabs .pandora-sdk-tabs-active .pandora-sdk-tabs-refresh-icon {
+  opacity: 1;
+  pointer-events: auto;
+}
+.pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
+  margin-right: 0;
+}
+.pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon {
+  margin-left: 8px;
+  font-size: 12px;
+  color: #d9d9d9;
+  -webkit-transition: color 0.5s, opacity 0.2s;
+  transition: color 0.5s, opacity 0.2s;
+  pointer-events: none;
+  opacity: 0;
+  position: absolute;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+}
+.pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
+  color: #2c6dd2;
+}
 .ant-table.ant-table-middle {
   font-size: 14px;
 }
@@ -11438,32 +11481,6 @@ textarea.ant-pagination-options-quick-jumper input {
 .ant-empty .ant-empty-description {
   color: #bfbfbf;
 }
-.pandora-sdk-tabs .pandora-sdk-tabs-tab {
-  position: relative;
-}
-.pandora-sdk-tabs .pandora-sdk-tabs-active .pandora-sdk-tabs-refresh-icon {
-  opacity: 1;
-  pointer-events: auto;
-}
-.pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
-  margin-right: 0;
-}
-.pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon {
-  margin-left: 8px;
-  font-size: 12px;
-  color: #d9d9d9;
-  -webkit-transition: color 0.5s, opacity 0.2s;
-  transition: color 0.5s, opacity 0.2s;
-  pointer-events: none;
-  opacity: 0;
-  position: absolute;
-  top: 50%;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-}
-.pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
-  color: #2c6dd2;
-}
 .ant-tag {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -11752,24 +11769,6 @@ textarea.ant-pagination-options-quick-jumper input {
 .pandora-sdk-timeline-container .pandora-sdk-icon:hover {
   color: #7a869a;
 }
-.pandora-sdk-transfer-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-}
-.pandora-sdk-transfer-container .pandora-sdk-transfer-divider {
-  height: 400px;
-}
-.pandora-sdk-transfer-container .pandora-sdk-transfer-list {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  -ms-flex-preferred-size: 200px;
-      flex-basis: 200px;
-}
 @-webkit-keyframes ant-tree-node-fx-do-not-use {
   0% {
     opacity: 0;
@@ -12371,6 +12370,24 @@ textarea.ant-pagination-options-quick-jumper input {
 .pandora-sdk-tree-select-dropdown .ant-empty {
   text-align: center;
 }
+.pandora-sdk-transfer-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.pandora-sdk-transfer-container .pandora-sdk-transfer-divider {
+  height: 400px;
+}
+.pandora-sdk-transfer-container .pandora-sdk-transfer-list {
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+  -ms-flex-preferred-size: 200px;
+      flex-basis: 200px;
+}
 .ant-row {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -19588,28 +19605,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
   color: #2c6dd2;
 }
-.pandora-sdk-item {
-  color: #2c6dd2;
-  cursor: pointer;
-}
-.pandora-sdk-item > .anticon {
-  color: inherit;
-}
-.pandora-sdk-item.pandora-sdk-disabled {
-  color: #bfbfbf;
-  cursor: not-allowed;
-  pointer-events: none;
-}
-.pandora-sdk-item.pandora-sdk-disabled .anticon {
-  color: #bfbfbf;
-}
-.pandora-sdk-item.pandora-sdk-active {
-  background: rgba(44, 109, 210, 0.05);
-}
-.pandora-sdk-item a {
-  color: inherit;
-  cursor: inherit;
-}
 .pandora-sdk-popover-item {
   display: inline-block;
   line-height: 18px;
@@ -19636,6 +19631,31 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .pandora-sdk-popover-list .pandora-sdk-item.pandora-sdk-disabled {
   color: #bfbfbf;
 }
+.pandora-sdk-item {
+  color: #2c6dd2;
+  cursor: pointer;
+}
+.pandora-sdk-item > .anticon {
+  color: inherit;
+}
+.pandora-sdk-item.pandora-sdk-disabled {
+  color: #bfbfbf;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.pandora-sdk-item.pandora-sdk-disabled .anticon {
+  color: #bfbfbf;
+}
+.pandora-sdk-item.pandora-sdk-active {
+  background: rgba(44, 109, 210, 0.05);
+}
+.pandora-sdk-item a {
+  color: inherit;
+  cursor: inherit;
+}
+.pandora-sdk-prev-button {
+  margin-right: 10px;
+}
 .pandora-sdk-table-columnTag-groupTag {
   padding: 4px;
   height: 24px;
@@ -19675,9 +19695,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
       flex-wrap: wrap;
   width: 400px;
 }
-.pandora-sdk-prev-button {
-  margin-right: 10px;
-}
 .pandora-sdk-root {
   display: inline-block;
   line-height: 24px;
@@ -19814,21 +19831,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   font-size: 14px;
   color: #333;
 }
-.pandora-sdk-transfer-list {
-  overflow: hidden;
-}
-.pandora-sdk-transfer-list .pandora-sdk-transfer-title {
-  margin-bottom: 10px;
-}
-.pandora-sdk-transfer-list .pandora-sdk-transfer-search {
-  margin-bottom: 10px;
-}
-.pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
-  margin-bottom: 10px;
-}
-.pandora-sdk-search-icon {
-  color: inherit;
-}
 .pandora-sdk-transfer-list-body {
   height: 300px;
   overflow-y: scroll;
@@ -19845,33 +19847,20 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
   margin-bottom: 10px;
 }
-.pandora-sdk-panel-title {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  font-size: 12px;
-  color: #42526e;
-  cursor: pointer;
-  padding-bottom: 16px;
-  border-bottom: 1px solid #d9d9d9;
-}
-.pandora-sdk-panel-title .icon {
-  font-size: 14px;
+.pandora-sdk-transfer-list {
+  overflow: hidden;
 }
-.pandora-sdk-panel-content {
-  padding: 20px 0 0 0;
+.pandora-sdk-transfer-list .pandora-sdk-transfer-title {
+  margin-bottom: 10px;
 }
-.pandora-sdk-panel-hidden {
-  display: none;
+.pandora-sdk-transfer-list .pandora-sdk-transfer-search {
+  margin-bottom: 10px;
 }
-.pandora-sdk-panel {
-  margin-bottom: 20px;
+.pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
+  margin-bottom: 10px;
 }
-.pandora-sdk-panel-disable {
-  cursor: default;
+.pandora-sdk-search-icon {
+  color: inherit;
 }
 .pandora-sdk-datetime-mobile-pick-range-preset-head {
   display: -webkit-box;
@@ -19909,3 +19898,31 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   border-radius: 2px;
   border: 2px solid #939393;
 }
+.pandora-sdk-panel-title {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  font-size: 12px;
+  color: #42526e;
+  cursor: pointer;
+  padding-bottom: 16px;
+  border-bottom: 1px solid #d9d9d9;
+}
+.pandora-sdk-panel-title .icon {
+  font-size: 14px;
+}
+.pandora-sdk-panel-content {
+  padding: 20px 0 0 0;
+}
+.pandora-sdk-panel-hidden {
+  display: none;
+}
+.pandora-sdk-panel {
+  margin-bottom: 20px;
+}
+.pandora-sdk-panel-disable {
+  cursor: default;
+}