@qn-pandora/pandora-component 4.0.0 → 4.0.1

package/es/index.css

@@ -3092,120 +3092,6 @@ a.ant-btn-sm {
 .pandora-sdk-card .ant-card-head .ant-card-extra {
   padding: 0;
 }
-.ant-divider {
-  -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';
-  border-top: 1px solid rgba(0, 0, 0, 0.06);
-}
-.ant-divider-vertical {
-  position: relative;
-  top: -0.06em;
-  display: inline-block;
-  height: 0.9em;
-  margin: 0 8px;
-  vertical-align: middle;
-  border-top: 0;
-  border-left: 1px solid rgba(0, 0, 0, 0.06);
-}
-.ant-divider-horizontal {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  clear: both;
-  width: 100%;
-  min-width: 100%;
-  margin: 24px 0;
-}
-.ant-divider-horizontal.ant-divider-with-text {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  margin: 16px 0;
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: 500;
-  font-size: 16px;
-  white-space: nowrap;
-  text-align: center;
-  border-top: 0;
-  border-top-color: rgba(0, 0, 0, 0.06);
-}
-.ant-divider-horizontal.ant-divider-with-text::before,
-.ant-divider-horizontal.ant-divider-with-text::after {
-  position: relative;
-  top: 50%;
-  width: 50%;
-  border-top: 1px solid transparent;
-  border-top-color: inherit;
-  border-bottom: 0;
-  -webkit-transform: translateY(50%);
-          transform: translateY(50%);
-  content: '';
-}
-.ant-divider-horizontal.ant-divider-with-text-left::before {
-  top: 50%;
-  width: 5%;
-}
-.ant-divider-horizontal.ant-divider-with-text-left::after {
-  top: 50%;
-  width: 95%;
-}
-.ant-divider-horizontal.ant-divider-with-text-right::before {
-  top: 50%;
-  width: 95%;
-}
-.ant-divider-horizontal.ant-divider-with-text-right::after {
-  top: 50%;
-  width: 5%;
-}
-.ant-divider-inner-text {
-  display: inline-block;
-  padding: 0 1em;
-}
-.ant-divider-dashed {
-  background: none;
-  border-color: rgba(0, 0, 0, 0.06);
-  border-style: dashed;
-  border-width: 1px 0 0;
-}
-.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
-  border-top: 0;
-}
-.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
-.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
-  border-style: dashed none none;
-}
-.ant-divider-vertical.ant-divider-dashed {
-  border-width: 0 0 0 1px;
-}
-.ant-divider-plain.ant-divider-with-text {
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: normal;
-  font-size: 14px;
-}
-.ant-divider-rtl {
-  direction: rtl;
-}
-.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
-  width: 95%;
-}
-.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
-  width: 5%;
-}
-.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
-  width: 5%;
-}
-.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
-  width: 95%;
-}
 @-webkit-keyframes antCheckboxEffect {
   0% {
     -webkit-transform: scale(1);
@@ -3456,6 +3342,123 @@ a.ant-btn-sm {
 .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
   margin-left: 8px;
 }
+.ant-checkbox-inner::after {
+  left: 20%;
+}
+.ant-divider {
+  -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';
+  border-top: 1px solid rgba(0, 0, 0, 0.06);
+}
+.ant-divider-vertical {
+  position: relative;
+  top: -0.06em;
+  display: inline-block;
+  height: 0.9em;
+  margin: 0 8px;
+  vertical-align: middle;
+  border-top: 0;
+  border-left: 1px solid rgba(0, 0, 0, 0.06);
+}
+.ant-divider-horizontal {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  clear: both;
+  width: 100%;
+  min-width: 100%;
+  margin: 24px 0;
+}
+.ant-divider-horizontal.ant-divider-with-text {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  margin: 16px 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 500;
+  font-size: 16px;
+  white-space: nowrap;
+  text-align: center;
+  border-top: 0;
+  border-top-color: rgba(0, 0, 0, 0.06);
+}
+.ant-divider-horizontal.ant-divider-with-text::before,
+.ant-divider-horizontal.ant-divider-with-text::after {
+  position: relative;
+  top: 50%;
+  width: 50%;
+  border-top: 1px solid transparent;
+  border-top-color: inherit;
+  border-bottom: 0;
+  -webkit-transform: translateY(50%);
+          transform: translateY(50%);
+  content: '';
+}
+.ant-divider-horizontal.ant-divider-with-text-left::before {
+  top: 50%;
+  width: 5%;
+}
+.ant-divider-horizontal.ant-divider-with-text-left::after {
+  top: 50%;
+  width: 95%;
+}
+.ant-divider-horizontal.ant-divider-with-text-right::before {
+  top: 50%;
+  width: 95%;
+}
+.ant-divider-horizontal.ant-divider-with-text-right::after {
+  top: 50%;
+  width: 5%;
+}
+.ant-divider-inner-text {
+  display: inline-block;
+  padding: 0 1em;
+}
+.ant-divider-dashed {
+  background: none;
+  border-color: rgba(0, 0, 0, 0.06);
+  border-style: dashed;
+  border-width: 1px 0 0;
+}
+.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
+  border-top: 0;
+}
+.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
+.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
+  border-style: dashed none none;
+}
+.ant-divider-vertical.ant-divider-dashed {
+  border-width: 0 0 0 1px;
+}
+.ant-divider-plain.ant-divider-with-text {
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: normal;
+  font-size: 14px;
+}
+.ant-divider-rtl {
+  direction: rtl;
+}
+.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
+  width: 95%;
+}
+.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
+  width: 5%;
+}
+.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
+  width: 5%;
+}
+.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
+  width: 95%;
+}
 .ant-input-affix-wrapper {
   position: relative;
   display: inline-block;
@@ -4273,9 +4276,6 @@ textarea.ant-input {
 .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
   line-height: 40px;
 }
-.ant-checkbox-inner::after {
-  left: 20%;
-}
 .pandora-sdk-checkbox-item {
   white-space: nowrap;
   width: 100%;
@@ -4544,290 +4544,557 @@ textarea.ant-input {
   padding-left: 16px;
   padding-right: 16px;
 }
-.ant-popover {
-  -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';
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 1030;
-  font-weight: normal;
-  white-space: normal;
-  text-align: left;
-  cursor: auto;
-  -webkit-user-select: text;
-     -moz-user-select: text;
-      -ms-user-select: text;
-          user-select: text;
+.ant-input[disabled] {
+  border-color: #d9d9d9;
 }
-.ant-popover::after {
-  position: absolute;
-  background: rgba(255, 255, 255, 0.01);
-  content: '';
+.ant-input-group-addon {
+  color: #666;
 }
-.ant-popover-hidden {
-  display: none;
+.ant-drawer {
+  position: fixed;
+  z-index: 1000;
+  width: 0%;
+  height: 100%;
+  -webkit-transition: width 0s ease 0.3s, height 0s ease 0.3s;
+  transition: width 0s ease 0.3s, height 0s ease 0.3s;
 }
-.ant-popover-placement-top,
-.ant-popover-placement-topLeft,
-.ant-popover-placement-topRight {
-  padding-bottom: 10px;
+.ant-drawer-content-wrapper {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+  transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
 }
-.ant-popover-placement-right,
-.ant-popover-placement-rightTop,
-.ant-popover-placement-rightBottom {
-  padding-left: 10px;
+.ant-drawer .ant-drawer-content {
+  width: 100%;
+  height: 100%;
 }
-.ant-popover-placement-bottom,
-.ant-popover-placement-bottomLeft,
-.ant-popover-placement-bottomRight {
-  padding-top: 10px;
+.ant-drawer-left,
+.ant-drawer-right {
+  top: 0;
+  width: 0%;
+  height: 100%;
 }
-.ant-popover-placement-left,
-.ant-popover-placement-leftTop,
-.ant-popover-placement-leftBottom {
-  padding-right: 10px;
+.ant-drawer-left .ant-drawer-content-wrapper,
+.ant-drawer-right .ant-drawer-content-wrapper {
+  height: 100%;
 }
-.ant-popover-inner {
-  background-color: #fff;
-  background-clip: padding-box;
-  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);
-  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
-          box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
+.ant-drawer-left.ant-drawer-open,
+.ant-drawer-right.ant-drawer-open {
+  width: 100%;
+  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+  transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .ant-popover {
-    /* IE10+ */
-  }
-  .ant-popover-inner {
-    -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);
-  }
+.ant-drawer-left {
+  left: 0;
 }
-.ant-popover-title {
-  min-width: 177px;
-  min-height: 32px;
-  margin: 0;
-  padding: 5px 16px 4px;
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: 500;
-  border-bottom: 1px solid #f0f0f0;
+.ant-drawer-left .ant-drawer-content-wrapper {
+  left: 0;
 }
-.ant-popover-inner-content {
-  padding: 12px 16px;
-  color: rgba(0, 0, 0, 0.85);
+.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
+  -webkit-box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
+          box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
 }
-.ant-popover-message {
-  position: relative;
-  padding: 4px 0 12px;
-  color: rgba(0, 0, 0, 0.85);
-  font-size: 14px;
+.ant-drawer-right {
+  right: 0;
 }
-.ant-popover-message > .anticon {
-  position: absolute;
-  top: 8.0005px;
-  color: #faad14;
-  font-size: 14px;
+.ant-drawer-right .ant-drawer-content-wrapper {
+  right: 0;
 }
-.ant-popover-message-title {
-  padding-left: 22px;
+.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
+  -webkit-box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
+          box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
 }
-.ant-popover-buttons {
-  margin-bottom: 4px;
-  text-align: right;
+.ant-drawer-right.ant-drawer-open.no-mask {
+  right: 1px;
+  -webkit-transform: translateX(1px);
+          transform: translateX(1px);
 }
-.ant-popover-buttons button {
-  margin-left: 8px;
+.ant-drawer-top,
+.ant-drawer-bottom {
+  left: 0;
+  width: 100%;
+  height: 0%;
 }
-.ant-popover-arrow {
-  position: absolute;
-  display: block;
-  width: 8.48528137px;
-  height: 8.48528137px;
-  overflow: hidden;
-  background: transparent;
-  pointer-events: none;
+.ant-drawer-top .ant-drawer-content-wrapper,
+.ant-drawer-bottom .ant-drawer-content-wrapper {
+  width: 100%;
 }
-.ant-popover-arrow-content {
-  position: absolute;
+.ant-drawer-top.ant-drawer-open,
+.ant-drawer-bottom.ant-drawer-open {
+  height: 100%;
+  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+  transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+}
+.ant-drawer-top {
   top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  display: block;
-  width: 6px;
-  height: 6px;
-  margin: auto;
-  background-color: #fff;
-  content: '';
-  pointer-events: auto;
 }
-.ant-popover-placement-top .ant-popover-arrow,
-.ant-popover-placement-topLeft .ant-popover-arrow,
-.ant-popover-placement-topRight .ant-popover-arrow {
-  bottom: 1.51471863px;
+.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
+  -webkit-box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
+          box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
 }
-.ant-popover-placement-top .ant-popover-arrow-content,
-.ant-popover-placement-topLeft .ant-popover-arrow-content,
-.ant-popover-placement-topRight .ant-popover-arrow-content {
-  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
-          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
-  -webkit-transform: translateY(-4.24264069px) rotate(45deg);
-          transform: translateY(-4.24264069px) rotate(45deg);
+.ant-drawer-bottom {
+  bottom: 0;
 }
-.ant-popover-placement-top .ant-popover-arrow {
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-          transform: translateX(-50%);
+.ant-drawer-bottom .ant-drawer-content-wrapper {
+  bottom: 0;
 }
-.ant-popover-placement-topLeft .ant-popover-arrow {
-  left: 16px;
+.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
+  -webkit-box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
+          box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
 }
-.ant-popover-placement-topRight .ant-popover-arrow {
-  right: 16px;
+.ant-drawer-bottom.ant-drawer-open.no-mask {
+  bottom: 1px;
+  -webkit-transform: translateY(1px);
+          transform: translateY(1px);
 }
-.ant-popover-placement-right .ant-popover-arrow,
-.ant-popover-placement-rightTop .ant-popover-arrow,
-.ant-popover-placement-rightBottom .ant-popover-arrow {
-  left: 1.51471863px;
+.ant-drawer.ant-drawer-open .ant-drawer-mask {
+  height: 100%;
+  opacity: 1;
+  -webkit-transition: none;
+  transition: none;
+  -webkit-animation: antdDrawerFadeIn 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+          animation: antdDrawerFadeIn 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+  pointer-events: auto;
 }
-.ant-popover-placement-right .ant-popover-arrow-content,
-.ant-popover-placement-rightTop .ant-popover-arrow-content,
-.ant-popover-placement-rightBottom .ant-popover-arrow-content {
-  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
-          box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
-  -webkit-transform: translateX(4.24264069px) rotate(45deg);
-          transform: translateX(4.24264069px) rotate(45deg);
+.ant-drawer-title {
+  margin: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 22px;
 }
-.ant-popover-placement-right .ant-popover-arrow {
-  top: 50%;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
+.ant-drawer-content {
+  position: relative;
+  z-index: 1;
+  overflow: auto;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 0;
 }
-.ant-popover-placement-rightTop .ant-popover-arrow {
-  top: 12px;
+.ant-drawer-close {
+  display: inline-block;
+  margin-right: 12px;
+  color: rgba(0, 0, 0, 0.45);
+  font-weight: 700;
+  font-size: 16px;
+  font-style: normal;
+  line-height: 1;
+  text-align: center;
+  text-transform: none;
+  text-decoration: none;
+  background: transparent;
+  border: 0;
+  outline: 0;
+  cursor: pointer;
+  -webkit-transition: color 0.3s;
+  transition: color 0.3s;
+  text-rendering: auto;
 }
-.ant-popover-placement-rightBottom .ant-popover-arrow {
-  bottom: 12px;
+.ant-drawer-close:focus,
+.ant-drawer-close:hover {
+  color: rgba(0, 0, 0, 0.75);
+  text-decoration: none;
 }
-.ant-popover-placement-bottom .ant-popover-arrow,
-.ant-popover-placement-bottomLeft .ant-popover-arrow,
-.ant-popover-placement-bottomRight .ant-popover-arrow {
-  top: 1.51471863px;
+.ant-drawer-header {
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  padding: 16px 24px;
+  color: rgba(0, 0, 0, 0.85);
+  background: #fff;
+  border-bottom: 1px solid #f0f0f0;
+  border-radius: 2px 2px 0 0;
 }
-.ant-popover-placement-bottom .ant-popover-arrow-content,
-.ant-popover-placement-bottomLeft .ant-popover-arrow-content,
-.ant-popover-placement-bottomRight .ant-popover-arrow-content {
-  -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
-          box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
-  -webkit-transform: translateY(4.24264069px) rotate(45deg);
-          transform: translateY(4.24264069px) rotate(45deg);
+.ant-drawer-header-title {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
 }
-.ant-popover-placement-bottom .ant-popover-arrow {
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-          transform: translateX(-50%);
+.ant-drawer-header-close-only {
+  padding-bottom: 0;
+  border: none;
 }
-.ant-popover-placement-bottomLeft .ant-popover-arrow {
-  left: 16px;
+.ant-drawer-wrapper-body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: column nowrap;
+          flex-flow: column nowrap;
+  width: 100%;
+  height: 100%;
 }
-.ant-popover-placement-bottomRight .ant-popover-arrow {
-  right: 16px;
+.ant-drawer-body {
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+  padding: 24px;
+  overflow: auto;
+  font-size: 14px;
+  line-height: 1.5715;
+  word-wrap: break-word;
 }
-.ant-popover-placement-left .ant-popover-arrow,
-.ant-popover-placement-leftTop .ant-popover-arrow,
-.ant-popover-placement-leftBottom .ant-popover-arrow {
-  right: 1.51471863px;
+.ant-drawer-footer {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  padding: 10px 16px;
+  border-top: 1px solid #f0f0f0;
 }
-.ant-popover-placement-left .ant-popover-arrow-content,
-.ant-popover-placement-leftTop .ant-popover-arrow-content,
-.ant-popover-placement-leftBottom .ant-popover-arrow-content {
-  -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
-          box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
-  -webkit-transform: translateX(-4.24264069px) rotate(45deg);
-          transform: translateX(-4.24264069px) rotate(45deg);
+.ant-drawer-mask {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 0;
+  background-color: rgba(0, 0, 0, 0.45);
+  opacity: 0;
+  -webkit-transition: opacity 0.3s linear, height 0s ease 0.3s;
+  transition: opacity 0.3s linear, height 0s ease 0.3s;
+  pointer-events: none;
 }
-.ant-popover-placement-left .ant-popover-arrow {
-  top: 50%;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
+.ant-drawer .ant-picker-clear {
+  background: #fff;
 }
-.ant-popover-placement-leftTop .ant-popover-arrow {
-  top: 12px;
+@-webkit-keyframes antdDrawerFadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
 }
-.ant-popover-placement-leftBottom .ant-popover-arrow {
-  bottom: 12px;
+@keyframes antdDrawerFadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
 }
-.ant-popover-pink .ant-popover-inner {
-  background-color: #eb2f96;
+.ant-drawer-rtl {
+  direction: rtl;
 }
-.ant-popover-pink .ant-popover-arrow-content {
-  background-color: #eb2f96;
+.ant-drawer-rtl .ant-drawer-close {
+  margin-right: 0;
+  margin-left: 12px;
 }
-.ant-popover-magenta .ant-popover-inner {
-  background-color: #eb2f96;
+.pandora-sdk-drawer .ant-drawer-content-wrapper {
+  width: 50%;
+  min-width: 600px;
 }
-.ant-popover-magenta .ant-popover-arrow-content {
-  background-color: #eb2f96;
+.pandora-sdk-drawer .ant-drawer-content > div {
+  position: relative;
 }
-.ant-popover-red .ant-popover-inner {
-  background-color: #f5222d;
+.pandora-sdk-drawer .ant-drawer-close-x {
+  width: 60px;
+  height: 60px;
+  line-height: 60px;
 }
-.ant-popover-red .ant-popover-arrow-content {
-  background-color: #f5222d;
+.ant-popover {
+  -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';
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1030;
+  font-weight: normal;
+  white-space: normal;
+  text-align: left;
+  cursor: auto;
+  -webkit-user-select: text;
+     -moz-user-select: text;
+      -ms-user-select: text;
+          user-select: text;
 }
-.ant-popover-volcano .ant-popover-inner {
-  background-color: #fa541c;
+.ant-popover::after {
+  position: absolute;
+  background: rgba(255, 255, 255, 0.01);
+  content: '';
 }
-.ant-popover-volcano .ant-popover-arrow-content {
-  background-color: #fa541c;
+.ant-popover-hidden {
+  display: none;
 }
-.ant-popover-orange .ant-popover-inner {
-  background-color: #fa8c16;
+.ant-popover-placement-top,
+.ant-popover-placement-topLeft,
+.ant-popover-placement-topRight {
+  padding-bottom: 10px;
 }
-.ant-popover-orange .ant-popover-arrow-content {
-  background-color: #fa8c16;
+.ant-popover-placement-right,
+.ant-popover-placement-rightTop,
+.ant-popover-placement-rightBottom {
+  padding-left: 10px;
 }
-.ant-popover-yellow .ant-popover-inner {
-  background-color: #fadb14;
+.ant-popover-placement-bottom,
+.ant-popover-placement-bottomLeft,
+.ant-popover-placement-bottomRight {
+  padding-top: 10px;
 }
-.ant-popover-yellow .ant-popover-arrow-content {
-  background-color: #fadb14;
+.ant-popover-placement-left,
+.ant-popover-placement-leftTop,
+.ant-popover-placement-leftBottom {
+  padding-right: 10px;
 }
-.ant-popover-gold .ant-popover-inner {
-  background-color: #faad14;
+.ant-popover-inner {
+  background-color: #fff;
+  background-clip: padding-box;
+  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);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
+          box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
 }
-.ant-popover-gold .ant-popover-arrow-content {
-  background-color: #faad14;
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .ant-popover {
+    /* IE10+ */
+  }
+  .ant-popover-inner {
+    -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);
+  }
 }
-.ant-popover-cyan .ant-popover-inner {
-  background-color: #13c2c2;
+.ant-popover-title {
+  min-width: 177px;
+  min-height: 32px;
+  margin: 0;
+  padding: 5px 16px 4px;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 500;
+  border-bottom: 1px solid #f0f0f0;
 }
-.ant-popover-cyan .ant-popover-arrow-content {
-  background-color: #13c2c2;
+.ant-popover-inner-content {
+  padding: 12px 16px;
+  color: rgba(0, 0, 0, 0.85);
 }
-.ant-popover-lime .ant-popover-inner {
-  background-color: #a0d911;
+.ant-popover-message {
+  position: relative;
+  padding: 4px 0 12px;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
 }
-.ant-popover-lime .ant-popover-arrow-content {
-  background-color: #a0d911;
+.ant-popover-message > .anticon {
+  position: absolute;
+  top: 8.0005px;
+  color: #faad14;
+  font-size: 14px;
 }
-.ant-popover-green .ant-popover-inner {
-  background-color: #52c41a;
+.ant-popover-message-title {
+  padding-left: 22px;
 }
-.ant-popover-green .ant-popover-arrow-content {
-  background-color: #52c41a;
+.ant-popover-buttons {
+  margin-bottom: 4px;
+  text-align: right;
+}
+.ant-popover-buttons button {
+  margin-left: 8px;
+}
+.ant-popover-arrow {
+  position: absolute;
+  display: block;
+  width: 8.48528137px;
+  height: 8.48528137px;
+  overflow: hidden;
+  background: transparent;
+  pointer-events: none;
+}
+.ant-popover-arrow-content {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: block;
+  width: 6px;
+  height: 6px;
+  margin: auto;
+  background-color: #fff;
+  content: '';
+  pointer-events: auto;
+}
+.ant-popover-placement-top .ant-popover-arrow,
+.ant-popover-placement-topLeft .ant-popover-arrow,
+.ant-popover-placement-topRight .ant-popover-arrow {
+  bottom: 1.51471863px;
+}
+.ant-popover-placement-top .ant-popover-arrow-content,
+.ant-popover-placement-topLeft .ant-popover-arrow-content,
+.ant-popover-placement-topRight .ant-popover-arrow-content {
+  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
+          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
+  -webkit-transform: translateY(-4.24264069px) rotate(45deg);
+          transform: translateY(-4.24264069px) rotate(45deg);
+}
+.ant-popover-placement-top .ant-popover-arrow {
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+}
+.ant-popover-placement-topLeft .ant-popover-arrow {
+  left: 16px;
+}
+.ant-popover-placement-topRight .ant-popover-arrow {
+  right: 16px;
+}
+.ant-popover-placement-right .ant-popover-arrow,
+.ant-popover-placement-rightTop .ant-popover-arrow,
+.ant-popover-placement-rightBottom .ant-popover-arrow {
+  left: 1.51471863px;
+}
+.ant-popover-placement-right .ant-popover-arrow-content,
+.ant-popover-placement-rightTop .ant-popover-arrow-content,
+.ant-popover-placement-rightBottom .ant-popover-arrow-content {
+  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
+          box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
+  -webkit-transform: translateX(4.24264069px) rotate(45deg);
+          transform: translateX(4.24264069px) rotate(45deg);
+}
+.ant-popover-placement-right .ant-popover-arrow {
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+}
+.ant-popover-placement-rightTop .ant-popover-arrow {
+  top: 12px;
+}
+.ant-popover-placement-rightBottom .ant-popover-arrow {
+  bottom: 12px;
+}
+.ant-popover-placement-bottom .ant-popover-arrow,
+.ant-popover-placement-bottomLeft .ant-popover-arrow,
+.ant-popover-placement-bottomRight .ant-popover-arrow {
+  top: 1.51471863px;
+}
+.ant-popover-placement-bottom .ant-popover-arrow-content,
+.ant-popover-placement-bottomLeft .ant-popover-arrow-content,
+.ant-popover-placement-bottomRight .ant-popover-arrow-content {
+  -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
+          box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
+  -webkit-transform: translateY(4.24264069px) rotate(45deg);
+          transform: translateY(4.24264069px) rotate(45deg);
+}
+.ant-popover-placement-bottom .ant-popover-arrow {
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+}
+.ant-popover-placement-bottomLeft .ant-popover-arrow {
+  left: 16px;
+}
+.ant-popover-placement-bottomRight .ant-popover-arrow {
+  right: 16px;
+}
+.ant-popover-placement-left .ant-popover-arrow,
+.ant-popover-placement-leftTop .ant-popover-arrow,
+.ant-popover-placement-leftBottom .ant-popover-arrow {
+  right: 1.51471863px;
+}
+.ant-popover-placement-left .ant-popover-arrow-content,
+.ant-popover-placement-leftTop .ant-popover-arrow-content,
+.ant-popover-placement-leftBottom .ant-popover-arrow-content {
+  -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
+          box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
+  -webkit-transform: translateX(-4.24264069px) rotate(45deg);
+          transform: translateX(-4.24264069px) rotate(45deg);
+}
+.ant-popover-placement-left .ant-popover-arrow {
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+}
+.ant-popover-placement-leftTop .ant-popover-arrow {
+  top: 12px;
+}
+.ant-popover-placement-leftBottom .ant-popover-arrow {
+  bottom: 12px;
+}
+.ant-popover-pink .ant-popover-inner {
+  background-color: #eb2f96;
+}
+.ant-popover-pink .ant-popover-arrow-content {
+  background-color: #eb2f96;
+}
+.ant-popover-magenta .ant-popover-inner {
+  background-color: #eb2f96;
+}
+.ant-popover-magenta .ant-popover-arrow-content {
+  background-color: #eb2f96;
+}
+.ant-popover-red .ant-popover-inner {
+  background-color: #f5222d;
+}
+.ant-popover-red .ant-popover-arrow-content {
+  background-color: #f5222d;
+}
+.ant-popover-volcano .ant-popover-inner {
+  background-color: #fa541c;
+}
+.ant-popover-volcano .ant-popover-arrow-content {
+  background-color: #fa541c;
+}
+.ant-popover-orange .ant-popover-inner {
+  background-color: #fa8c16;
+}
+.ant-popover-orange .ant-popover-arrow-content {
+  background-color: #fa8c16;
+}
+.ant-popover-yellow .ant-popover-inner {
+  background-color: #fadb14;
+}
+.ant-popover-yellow .ant-popover-arrow-content {
+  background-color: #fadb14;
+}
+.ant-popover-gold .ant-popover-inner {
+  background-color: #faad14;
+}
+.ant-popover-gold .ant-popover-arrow-content {
+  background-color: #faad14;
+}
+.ant-popover-cyan .ant-popover-inner {
+  background-color: #13c2c2;
+}
+.ant-popover-cyan .ant-popover-arrow-content {
+  background-color: #13c2c2;
+}
+.ant-popover-lime .ant-popover-inner {
+  background-color: #a0d911;
+}
+.ant-popover-lime .ant-popover-arrow-content {
+  background-color: #a0d911;
+}
+.ant-popover-green .ant-popover-inner {
+  background-color: #52c41a;
+}
+.ant-popover-green .ant-popover-arrow-content {
+  background-color: #52c41a;
 }
 .ant-popover-blue .ant-popover-inner {
   background-color: #1890ff;
@@ -4874,144 +5141,108 @@ textarea.ant-input {
 .pandora-sdk-datetime-pick-popover {
   width: 650px;
 }
-.ant-drawer {
-  position: fixed;
-  z-index: 1000;
-  width: 0%;
-  height: 100%;
-  -webkit-transition: width 0s ease 0.3s, height 0s ease 0.3s;
-  transition: width 0s ease 0.3s, height 0s ease 0.3s;
+.pandora-sdk-key-value-label,
+.pandora-sdk-key-value-value {
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  line-height: 1.8;
+  vertical-align: middle;
 }
-.ant-drawer-content-wrapper {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-  transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+.pandora-sdk-key-value-label {
+  color: #666;
+  width: 30%;
 }
-.ant-drawer .ant-drawer-content {
-  width: 100%;
-  height: 100%;
+.pandora-sdk-key-value-value {
+  color: #333;
+  width: 70%;
 }
-.ant-drawer-left,
-.ant-drawer-right {
-  top: 0;
-  width: 0%;
-  height: 100%;
+.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-drawer-left .ant-drawer-content-wrapper,
-.ant-drawer-right .ant-drawer-content-wrapper {
-  height: 100%;
+.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-drawer-left.ant-drawer-open,
-.ant-drawer-right.ant-drawer-open {
-  width: 100%;
-  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-  transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-}
-.ant-drawer-left {
-  left: 0;
-}
-.ant-drawer-left .ant-drawer-content-wrapper {
-  left: 0;
-}
-.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
-  -webkit-box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
-          box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
-}
-.ant-drawer-right {
-  right: 0;
-}
-.ant-drawer-right .ant-drawer-content-wrapper {
+.ant-modal-mask {
+  position: fixed;
+  top: 0;
   right: 0;
-}
-.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
-  -webkit-box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
-          box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
-}
-.ant-drawer-right.ant-drawer-open.no-mask {
-  right: 1px;
-  -webkit-transform: translateX(1px);
-          transform: translateX(1px);
-}
-.ant-drawer-top,
-.ant-drawer-bottom {
+  bottom: 0;
   left: 0;
-  width: 100%;
-  height: 0%;
-}
-.ant-drawer-top .ant-drawer-content-wrapper,
-.ant-drawer-bottom .ant-drawer-content-wrapper {
-  width: 100%;
-}
-.ant-drawer-top.ant-drawer-open,
-.ant-drawer-bottom.ant-drawer-open {
+  z-index: 1000;
   height: 100%;
-  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-  transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-}
-.ant-drawer-top {
-  top: 0;
-}
-.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
-  -webkit-box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
-          box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
+  background-color: rgba(0, 0, 0, 0.45);
 }
-.ant-drawer-bottom {
-  bottom: 0;
+.ant-modal-mask-hidden {
+  display: none;
 }
-.ant-drawer-bottom .ant-drawer-content-wrapper {
+.ant-modal-wrap {
+  position: fixed;
+  top: 0;
+  right: 0;
   bottom: 0;
+  left: 0;
+  overflow: auto;
+  outline: 0;
+  -webkit-overflow-scrolling: touch;
 }
-.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
-  -webkit-box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
-          box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
-}
-.ant-drawer-bottom.ant-drawer-open.no-mask {
-  bottom: 1px;
-  -webkit-transform: translateY(1px);
-          transform: translateY(1px);
-}
-.ant-drawer.ant-drawer-open .ant-drawer-mask {
-  height: 100%;
-  opacity: 1;
-  -webkit-transition: none;
-  transition: none;
-  -webkit-animation: antdDrawerFadeIn 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-          animation: antdDrawerFadeIn 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-  pointer-events: auto;
+.ant-modal-wrap {
+  z-index: 1000;
 }
-.ant-drawer-title {
+.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-drawer-content {
+.ant-modal-content {
   position: relative;
-  z-index: 1;
-  overflow: auto;
   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-drawer-close {
-  display: inline-block;
-  margin-right: 12px;
+.ant-modal-close {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 10;
+  padding: 0;
   color: rgba(0, 0, 0, 0.45);
   font-weight: 700;
-  font-size: 16px;
-  font-style: normal;
   line-height: 1;
-  text-align: center;
-  text-transform: none;
   text-decoration: none;
   background: transparent;
   border: 0;
@@ -5019,144 +5250,194 @@ textarea.ant-input {
   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-drawer-close:focus,
-.ant-drawer-close:hover {
+.ant-modal-close:focus,
+.ant-modal-close:hover {
   color: rgba(0, 0, 0, 0.75);
   text-decoration: none;
 }
-.ant-drawer-header {
-  position: relative;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
+.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-drawer-header-title {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-}
-.ant-drawer-header-close-only {
-  padding-bottom: 0;
-  border: none;
-}
-.ant-drawer-wrapper-body {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-flow: column nowrap;
-          flex-flow: column nowrap;
-  width: 100%;
-  height: 100%;
-}
-.ant-drawer-body {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
+.ant-modal-body {
   padding: 24px;
-  overflow: auto;
   font-size: 14px;
   line-height: 1.5715;
   word-wrap: break-word;
 }
-.ant-drawer-footer {
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
+.ant-modal-footer {
   padding: 10px 16px;
+  text-align: right;
+  background: transparent;
   border-top: 1px solid #f0f0f0;
+  border-radius: 0 0 2px 2px;
 }
-.ant-drawer-mask {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 0;
-  background-color: rgba(0, 0, 0, 0.45);
-  opacity: 0;
-  -webkit-transition: opacity 0.3s linear, height 0s ease 0.3s;
-  transition: opacity 0.3s linear, height 0s ease 0.3s;
-  pointer-events: none;
+.ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
+  margin-bottom: 0;
+  margin-left: 8px;
 }
-.ant-drawer .ant-picker-clear {
-  background: #fff;
+.ant-modal-open {
+  overflow: hidden;
 }
-@-webkit-keyframes antdDrawerFadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
+.ant-modal-centered {
+  text-align: center;
 }
-@keyframes antdDrawerFadeIn {
-  0% {
-    opacity: 0;
+.ant-modal-centered::before {
+  display: inline-block;
+  width: 0;
+  height: 100%;
+  vertical-align: middle;
+  content: '';
+}
+.ant-modal-centered .ant-modal {
+  top: 0;
+  display: inline-block;
+  text-align: left;
+  vertical-align: middle;
+}
+@media (max-width: 767px) {
+  .ant-modal {
+    max-width: calc(100vw - 16px);
+    margin: 8px auto;
   }
-  100% {
-    opacity: 1;
+  .ant-modal-centered .ant-modal {
+    -webkit-box-flex: 1;
+        -ms-flex: 1;
+            flex: 1;
   }
 }
-.ant-drawer-rtl {
-  direction: rtl;
+.ant-modal-confirm .ant-modal-header {
+  display: none;
 }
-.ant-drawer-rtl .ant-drawer-close {
-  margin-right: 0;
-  margin-left: 12px;
+.ant-modal-confirm .ant-modal-body {
+  padding: 32px 32px 24px;
 }
-.pandora-sdk-drawer .ant-drawer-content-wrapper {
-  width: 50%;
-  min-width: 600px;
+.ant-modal-confirm-body-wrapper::before {
+  display: table;
+  content: '';
 }
-.pandora-sdk-drawer .ant-drawer-content > div {
-  position: relative;
+.ant-modal-confirm-body-wrapper::after {
+  display: table;
+  clear: both;
+  content: '';
 }
-.pandora-sdk-drawer .ant-drawer-close-x {
-  width: 60px;
-  height: 60px;
-  line-height: 60px;
+.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-input[disabled] {
-  border-color: #d9d9d9;
+.ant-modal-confirm-body .ant-modal-confirm-content {
+  margin-top: 8px;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
 }
-.ant-input-group-addon {
-  color: #666;
+.ant-modal-confirm-body > .anticon {
+  float: left;
+  margin-right: 16px;
+  font-size: 22px;
 }
-.pandora-sdk-key-value-label,
-.pandora-sdk-key-value-value {
-  display: inline-block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  line-height: 1.8;
-  vertical-align: middle;
+.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
+  margin-left: 38px;
 }
-.pandora-sdk-key-value-label {
-  color: #666;
-  width: 30%;
+.ant-modal-confirm .ant-modal-confirm-btns {
+  float: right;
+  margin-top: 24px;
 }
-.pandora-sdk-key-value-value {
-  color: #333;
-  width: 70%;
+.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;
@@ -5956,473 +6237,192 @@ textarea.ant-input {
 .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;
-}
-.ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
-  margin-bottom: 0;
-  margin-left: 8px;
+.ant-menu-dark .ant-menu-submenu-selected > span > a,
+.ant-menu-dark .ant-menu-submenu-title:hover > span > a {
+  color: #fff;
 }
-.ant-modal-open {
-  overflow: hidden;
+.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-modal-centered {
-  text-align: center;
+.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-centered::before {
-  display: inline-block;
-  width: 0;
-  height: 100%;
-  vertical-align: middle;
-  content: '';
+.ant-menu-dark .ant-menu-item:hover {
+  background-color: transparent;
 }
-.ant-modal-centered .ant-modal {
-  top: 0;
-  display: inline-block;
-  text-align: left;
-  vertical-align: middle;
+.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
+  background-color: #1890ff;
 }
-@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-selected {
+  color: #fff;
+  border-right: 0;
 }
-.ant-modal-confirm .ant-modal-header {
-  display: none;
+.ant-menu-dark .ant-menu-item-selected::after {
+  border-right: 0;
 }
-.ant-modal-confirm .ant-modal-body {
-  padding: 32px 32px 24px;
+.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-wrapper::before {
-  display: table;
-  content: '';
+.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-wrapper::after {
-  display: table;
-  clear: both;
-  content: '';
+.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 .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.ant-menu-dark .ant-menu-item-selected,
+.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
+  background-color: #1890ff;
 }
-.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-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-body > .anticon {
-  float: left;
-  margin-right: 16px;
-  font-size: 22px;
+.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-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
-  margin-left: 38px;
+.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 .ant-modal-confirm-btns {
-  float: right;
-  margin-top: 24px;
+.ant-menu.ant-menu-rtl {
+  direction: rtl;
+  text-align: right;
 }
-.ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
-  margin-bottom: 0;
-  margin-left: 8px;
+.ant-menu-rtl .ant-menu-item-group-title {
+  text-align: right;
 }
-.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
-  color: #ff4d4f;
+.ant-menu-rtl.ant-menu-inline,
+.ant-menu-rtl.ant-menu-vertical {
+  border-right: none;
+  border-left: 1px solid #f0f0f0;
 }
-.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
-.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
-  color: #faad14;
+.ant-menu-rtl.ant-menu-dark.ant-menu-inline,
+.ant-menu-rtl.ant-menu-dark.ant-menu-vertical {
+  border-left: none;
 }
-.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
-  color: #1890ff;
+.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-confirm-success .ant-modal-confirm-body > .anticon {
-  color: #52c41a;
+.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 {
-  direction: rtl;
+.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-close {
-  right: initial;
-  left: 0;
+.ant-menu-submenu-rtl.ant-menu-submenu-popup {
+  -webkit-transform-origin: 100% 0;
+          transform-origin: 100% 0;
 }
-.ant-modal-wrap-rtl .ant-modal-footer {
-  text-align: left;
+.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-footer .ant-btn + .ant-btn {
-  margin-right: 8px;
-  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-body {
-  direction: rtl;
+.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-body > .anticon {
-  float: right;
-  margin-right: 0;
-  margin-left: 16px;
+.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-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-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-modal-wrap-rtl .ant-modal-confirm-btns {
-  float: left;
+.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
+  padding-right: 0;
+  padding-left: 34px;
 }
-.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-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;
@@ -8656,274 +8656,21 @@ textarea.ant-input-number {
   color: #2c6dd2;
   cursor: default;
 }
-.pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::before,
-.pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::after {
-  content: none;
-}
-.pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option a {
-  color: #2c6dd2;
-}
-.pandora-sdk-selector-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state .anticon-check.anticon {
-  color: #2c6dd2;
-}
-.pandora-sdk-selector-create-lint {
-  display: block;
-}
-.pandora-sdk-close-icon {
-  color: #d9d9d9;
-}
-.ant-spin {
-  -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';
-  position: absolute;
-  display: none;
-  color: #1890ff;
-  text-align: center;
-  vertical-align: middle;
-  opacity: 0;
-  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
-  transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
-  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
-  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
-}
-.ant-spin-spinning {
-  position: static;
-  display: inline-block;
-  opacity: 1;
-}
-.ant-spin-nested-loading {
-  position: relative;
-}
-.ant-spin-nested-loading > div > .ant-spin {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 4;
-  display: block;
-  width: 100%;
-  height: 100%;
-  max-height: 400px;
-}
-.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin: -10px;
-}
-.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
-  position: absolute;
-  top: 50%;
-  width: 100%;
-  padding-top: 5px;
-  text-shadow: 0 1px 2px #fff;
-}
-.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
-  margin-top: -20px;
-}
-.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
-  margin: -7px;
-}
-.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
-  padding-top: 2px;
-}
-.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
-  margin-top: -17px;
-}
-.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
-  margin: -16px;
-}
-.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
-  padding-top: 11px;
-}
-.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
-  margin-top: -26px;
-}
-.ant-spin-container {
-  position: relative;
-  -webkit-transition: opacity 0.3s;
-  transition: opacity 0.3s;
-}
-.ant-spin-container::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 10;
-  display: none \9;
-  width: 100%;
-  height: 100%;
-  background: #fff;
-  opacity: 0;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
-  content: '';
-  pointer-events: none;
-}
-.ant-spin-blur {
-  clear: both;
-  opacity: 0.5;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  pointer-events: none;
-}
-.ant-spin-blur::after {
-  opacity: 0.4;
-  pointer-events: auto;
-}
-.ant-spin-tip {
-  color: rgba(0, 0, 0, 0.45);
-}
-.ant-spin-dot {
-  position: relative;
-  display: inline-block;
-  font-size: 20px;
-  width: 1em;
-  height: 1em;
-}
-.ant-spin-dot-item {
-  position: absolute;
-  display: block;
-  width: 9px;
-  height: 9px;
-  background-color: #1890ff;
-  border-radius: 100%;
-  -webkit-transform: scale(0.75);
-          transform: scale(0.75);
-  -webkit-transform-origin: 50% 50%;
-          transform-origin: 50% 50%;
-  opacity: 0.3;
-  -webkit-animation: antSpinMove 1s infinite linear alternate;
-          animation: antSpinMove 1s infinite linear alternate;
-}
-.ant-spin-dot-item:nth-child(1) {
-  top: 0;
-  left: 0;
-}
-.ant-spin-dot-item:nth-child(2) {
-  top: 0;
-  right: 0;
-  -webkit-animation-delay: 0.4s;
-          animation-delay: 0.4s;
-}
-.ant-spin-dot-item:nth-child(3) {
-  right: 0;
-  bottom: 0;
-  -webkit-animation-delay: 0.8s;
-          animation-delay: 0.8s;
-}
-.ant-spin-dot-item:nth-child(4) {
-  bottom: 0;
-  left: 0;
-  -webkit-animation-delay: 1.2s;
-          animation-delay: 1.2s;
-}
-.ant-spin-dot-spin {
-  -webkit-transform: rotate(45deg);
-          transform: rotate(45deg);
-  -webkit-animation: antRotate 1.2s infinite linear;
-          animation: antRotate 1.2s infinite linear;
-}
-.ant-spin-sm .ant-spin-dot {
-  font-size: 14px;
-}
-.ant-spin-sm .ant-spin-dot i {
-  width: 6px;
-  height: 6px;
-}
-.ant-spin-lg .ant-spin-dot {
-  font-size: 32px;
-}
-.ant-spin-lg .ant-spin-dot i {
-  width: 14px;
-  height: 14px;
-}
-.ant-spin.ant-spin-show-text .ant-spin-text {
-  display: block;
-}
-@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-  /* IE10+ */
-  .ant-spin-blur {
-    background: #fff;
-    opacity: 0.5;
-  }
-}
-@-webkit-keyframes antSpinMove {
-  to {
-    opacity: 1;
-  }
-}
-@keyframes antSpinMove {
-  to {
-    opacity: 1;
-  }
-}
-@-webkit-keyframes antRotate {
-  to {
-    -webkit-transform: rotate(405deg);
-            transform: rotate(405deg);
-  }
-}
-@keyframes antRotate {
-  to {
-    -webkit-transform: rotate(405deg);
-            transform: rotate(405deg);
-  }
-}
-.ant-spin-rtl {
-  direction: rtl;
-}
-.ant-spin-rtl .ant-spin-dot-spin {
-  -webkit-transform: rotate(-45deg);
-          transform: rotate(-45deg);
-  -webkit-animation-name: antRotateRtl;
-          animation-name: antRotateRtl;
-}
-@-webkit-keyframes antRotateRtl {
-  to {
-    -webkit-transform: rotate(-405deg);
-            transform: rotate(-405deg);
-  }
-}
-@keyframes antRotateRtl {
-  to {
-    -webkit-transform: rotate(-405deg);
-            transform: rotate(-405deg);
-  }
-}
-.pandora-sdk-spin-container {
-  position: relative;
-  width: 100%;
-  height: 100%;
+.pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::before,
+.pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::after {
+  content: none;
 }
-.pandora-sdk-spin-container .pandora-sdk-spin-loading {
-  position: absolute;
-  width: 60px;
-  height: 60px;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%, -50%);
-          transform: translate(-50%, -50%);
+.pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option a {
+  color: #2c6dd2;
 }
-.pandora-sdk-spin-container .ant-spin-container {
-  height: 100%;
+.pandora-sdk-selector-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state .anticon-check.anticon {
+  color: #2c6dd2;
 }
-.pandora-sdk-spin-container .ant-spin-container > div {
-  height: 100%;
+.pandora-sdk-selector-create-lint {
+  display: block;
 }
-.pandora-sdk-spin-hide {
-  visibility: hidden;
+.pandora-sdk-close-icon {
+  color: #d9d9d9;
 }
 .ant-steps {
   -webkit-box-sizing: border-box;
@@ -9534,185 +9281,464 @@ textarea.ant-input-number {
 .ant-steps-rtl {
   direction: rtl;
 }
-.ant-steps.ant-steps-rtl .ant-steps-item-icon {
-  margin-right: 0;
-  margin-left: 8px;
+.ant-steps.ant-steps-rtl .ant-steps-item-icon {
+  margin-right: 0;
+  margin-left: 8px;
+}
+.ant-steps-rtl .ant-steps-item-tail {
+  right: 0;
+  left: auto;
+}
+.ant-steps-rtl .ant-steps-item-title {
+  padding-right: 0;
+  padding-left: 16px;
+}
+.ant-steps-rtl .ant-steps-item-title::after {
+  right: 100%;
+  left: auto;
+}
+.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
+  padding-right: 16px;
+  padding-left: 0;
+}
+.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
+  padding-right: 0;
+}
+.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
+  padding-left: 0;
+}
+.ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
+  right: 0.5px;
+  left: auto;
+}
+.ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
+  margin-right: -12px;
+  margin-left: 0;
+}
+.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container {
+  margin-right: -16px;
+  margin-left: 0;
+  text-align: right;
+}
+.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
+  padding-left: 0;
+}
+.ant-steps-rtl.ant-steps-navigation .ant-steps-item::after {
+  right: 100%;
+  left: auto;
+  margin-right: -2px;
+  margin-left: 0;
+  -webkit-transform: rotate(225deg);
+          transform: rotate(225deg);
+}
+.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
+  padding-right: 12px;
+  padding-left: 0;
+}
+.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
+  padding-right: 0;
+}
+.ant-steps-rtl.ant-steps-small .ant-steps-item-title {
+  padding-right: 0;
+  padding-left: 12px;
+}
+.ant-steps-rtl.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
+  float: right;
+  margin-right: 0;
+  margin-left: 16px;
+}
+.ant-steps-rtl.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
+  right: 16px;
+  left: auto;
+}
+.ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
+  right: 12px;
+  left: auto;
+}
+.ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title {
+  padding-left: 0;
+}
+.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,
+.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
+  margin: 0 70px 0 0;
+}
+.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after,
+.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
+  margin-right: 12px;
+  margin-left: 0;
+}
+.ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
+.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
+  right: 2px;
+  left: auto;
+}
+.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,
+.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
+  margin-right: 67px;
+  margin-left: 0;
+}
+.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
+.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
+  /* expand hover area */
+}
+.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
+.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
+  float: right;
+}
+.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
+.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
+  right: -26px;
+  left: auto;
+}
+.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
+  margin-right: 0;
+  margin-left: 16px;
+}
+.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
+  right: -9px;
+  left: auto;
+}
+.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
+  right: 0;
+  left: auto;
+}
+.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
+  right: -2px;
+  left: auto;
+}
+.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child.ant-steps-item-active {
+  padding-right: 4px;
+}
+.ant-steps-with-progress .ant-steps-item {
+  padding-top: 4px;
+}
+.ant-steps-with-progress .ant-steps-item .ant-steps-item-tail {
+  top: 4px !important;
+}
+.ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child {
+  padding-bottom: 4px;
+  padding-left: 4px;
+}
+.ant-steps-with-progress .ant-steps-item-icon {
+  position: relative;
+}
+.ant-steps-with-progress .ant-steps-item-icon .ant-progress {
+  position: absolute;
+  top: -5px;
+  right: -5px;
+  bottom: -5px;
+  left: -5px;
+}
+.pandora-sdk-steps .ant-steps-item-icon {
+  width: 24px;
+  height: 24px;
+  font-size: 12px;
+  line-height: 24px;
+}
+.pandora-sdk-steps .ant-steps-item-icon .ant-steps-icon {
+  font-size: 10px;
+}
+.pandora-sdk-steps .ant-steps-item:last-of-type .ant-steps-item-title::after {
+  display: none;
+}
+.pandora-sdk-steps .ant-steps-item-process .ant-steps-item-title {
+  font-weight: 400;
+}
+.pandora-sdk-steps .ant-steps-item .ant-steps-item-icon {
+  border-radius: 2px;
+  background: #2c6dd2;
+  border: none;
+}
+.pandora-sdk-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon {
+  color: #d9d9d9;
+}
+.pandora-sdk-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon span.anticon.anticon-check.ant-steps-finish-icon {
+  color: #d9d9d9;
+}
+.pandora-sdk-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon {
+  background: #eee;
+}
+.pandora-sdk-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon .ant-steps-icon {
+  color: inherit;
+}
+.ant-spin {
+  -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';
+  position: absolute;
+  display: none;
+  color: #1890ff;
+  text-align: center;
+  vertical-align: middle;
+  opacity: 0;
+  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
+  transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
+  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
+  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
+}
+.ant-spin-spinning {
+  position: static;
+  display: inline-block;
+  opacity: 1;
+}
+.ant-spin-nested-loading {
+  position: relative;
+}
+.ant-spin-nested-loading > div > .ant-spin {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 4;
+  display: block;
+  width: 100%;
+  height: 100%;
+  max-height: 400px;
+}
+.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin: -10px;
+}
+.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
+  position: absolute;
+  top: 50%;
+  width: 100%;
+  padding-top: 5px;
+  text-shadow: 0 1px 2px #fff;
 }
-.ant-steps-rtl .ant-steps-item-tail {
-  right: 0;
-  left: auto;
+.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
+  margin-top: -20px;
 }
-.ant-steps-rtl .ant-steps-item-title {
-  padding-right: 0;
-  padding-left: 16px;
+.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
+  margin: -7px;
 }
-.ant-steps-rtl .ant-steps-item-title::after {
-  right: 100%;
-  left: auto;
+.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
+  padding-top: 2px;
 }
-.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
-  padding-right: 16px;
-  padding-left: 0;
+.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
+  margin-top: -17px;
 }
-.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
-  padding-right: 0;
+.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
+  margin: -16px;
 }
-.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
-  padding-left: 0;
+.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
+  padding-top: 11px;
 }
-.ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
-  right: 0.5px;
-  left: auto;
+.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
+  margin-top: -26px;
 }
-.ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
-  margin-right: -12px;
-  margin-left: 0;
+.ant-spin-container {
+  position: relative;
+  -webkit-transition: opacity 0.3s;
+  transition: opacity 0.3s;
 }
-.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container {
-  margin-right: -16px;
-  margin-left: 0;
-  text-align: right;
+.ant-spin-container::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 10;
+  display: none \9;
+  width: 100%;
+  height: 100%;
+  background: #fff;
+  opacity: 0;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  content: '';
+  pointer-events: none;
 }
-.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
-  padding-left: 0;
+.ant-spin-blur {
+  clear: both;
+  opacity: 0.5;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  pointer-events: none;
 }
-.ant-steps-rtl.ant-steps-navigation .ant-steps-item::after {
-  right: 100%;
-  left: auto;
-  margin-right: -2px;
-  margin-left: 0;
-  -webkit-transform: rotate(225deg);
-          transform: rotate(225deg);
+.ant-spin-blur::after {
+  opacity: 0.4;
+  pointer-events: auto;
 }
-.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
-  padding-right: 12px;
-  padding-left: 0;
+.ant-spin-tip {
+  color: rgba(0, 0, 0, 0.45);
 }
-.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
-  padding-right: 0;
+.ant-spin-dot {
+  position: relative;
+  display: inline-block;
+  font-size: 20px;
+  width: 1em;
+  height: 1em;
 }
-.ant-steps-rtl.ant-steps-small .ant-steps-item-title {
-  padding-right: 0;
-  padding-left: 12px;
+.ant-spin-dot-item {
+  position: absolute;
+  display: block;
+  width: 9px;
+  height: 9px;
+  background-color: #1890ff;
+  border-radius: 100%;
+  -webkit-transform: scale(0.75);
+          transform: scale(0.75);
+  -webkit-transform-origin: 50% 50%;
+          transform-origin: 50% 50%;
+  opacity: 0.3;
+  -webkit-animation: antSpinMove 1s infinite linear alternate;
+          animation: antSpinMove 1s infinite linear alternate;
 }
-.ant-steps-rtl.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
-  float: right;
-  margin-right: 0;
-  margin-left: 16px;
+.ant-spin-dot-item:nth-child(1) {
+  top: 0;
+  left: 0;
 }
-.ant-steps-rtl.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
-  right: 16px;
-  left: auto;
+.ant-spin-dot-item:nth-child(2) {
+  top: 0;
+  right: 0;
+  -webkit-animation-delay: 0.4s;
+          animation-delay: 0.4s;
 }
-.ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
-  right: 12px;
-  left: auto;
+.ant-spin-dot-item:nth-child(3) {
+  right: 0;
+  bottom: 0;
+  -webkit-animation-delay: 0.8s;
+          animation-delay: 0.8s;
 }
-.ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title {
-  padding-left: 0;
+.ant-spin-dot-item:nth-child(4) {
+  bottom: 0;
+  left: 0;
+  -webkit-animation-delay: 1.2s;
+          animation-delay: 1.2s;
 }
-.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,
-.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
-  margin: 0 70px 0 0;
+.ant-spin-dot-spin {
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+  -webkit-animation: antRotate 1.2s infinite linear;
+          animation: antRotate 1.2s infinite linear;
 }
-.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after,
-.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
-  margin-right: 12px;
-  margin-left: 0;
+.ant-spin-sm .ant-spin-dot {
+  font-size: 14px;
 }
-.ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
-.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
-  right: 2px;
-  left: auto;
+.ant-spin-sm .ant-spin-dot i {
+  width: 6px;
+  height: 6px;
 }
-.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,
-.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
-  margin-right: 67px;
-  margin-left: 0;
+.ant-spin-lg .ant-spin-dot {
+  font-size: 32px;
 }
-.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
-.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
-  /* expand hover area */
+.ant-spin-lg .ant-spin-dot i {
+  width: 14px;
+  height: 14px;
 }
-.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
-.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
-  float: right;
+.ant-spin.ant-spin-show-text .ant-spin-text {
+  display: block;
 }
-.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
-.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
-  right: -26px;
-  left: auto;
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  /* IE10+ */
+  .ant-spin-blur {
+    background: #fff;
+    opacity: 0.5;
+  }
 }
-.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
-  margin-right: 0;
-  margin-left: 16px;
+@-webkit-keyframes antSpinMove {
+  to {
+    opacity: 1;
+  }
 }
-.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
-  right: -9px;
-  left: auto;
+@keyframes antSpinMove {
+  to {
+    opacity: 1;
+  }
 }
-.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
-  right: 0;
-  left: auto;
+@-webkit-keyframes antRotate {
+  to {
+    -webkit-transform: rotate(405deg);
+            transform: rotate(405deg);
+  }
 }
-.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
-  right: -2px;
-  left: auto;
+@keyframes antRotate {
+  to {
+    -webkit-transform: rotate(405deg);
+            transform: rotate(405deg);
+  }
 }
-.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child.ant-steps-item-active {
-  padding-right: 4px;
+.ant-spin-rtl {
+  direction: rtl;
 }
-.ant-steps-with-progress .ant-steps-item {
-  padding-top: 4px;
+.ant-spin-rtl .ant-spin-dot-spin {
+  -webkit-transform: rotate(-45deg);
+          transform: rotate(-45deg);
+  -webkit-animation-name: antRotateRtl;
+          animation-name: antRotateRtl;
 }
-.ant-steps-with-progress .ant-steps-item .ant-steps-item-tail {
-  top: 4px !important;
+@-webkit-keyframes antRotateRtl {
+  to {
+    -webkit-transform: rotate(-405deg);
+            transform: rotate(-405deg);
+  }
 }
-.ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child {
-  padding-bottom: 4px;
-  padding-left: 4px;
+@keyframes antRotateRtl {
+  to {
+    -webkit-transform: rotate(-405deg);
+            transform: rotate(-405deg);
+  }
 }
-.ant-steps-with-progress .ant-steps-item-icon {
+.pandora-sdk-spin-container {
   position: relative;
+  width: 100%;
+  height: 100%;
 }
-.ant-steps-with-progress .ant-steps-item-icon .ant-progress {
+.pandora-sdk-spin-container .pandora-sdk-spin-loading {
   position: absolute;
-  top: -5px;
-  right: -5px;
-  bottom: -5px;
-  left: -5px;
+  width: 60px;
+  height: 60px;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
 }
-.pandora-sdk-steps .ant-steps-item-icon {
-  width: 24px;
-  height: 24px;
-  font-size: 12px;
-  line-height: 24px;
+.pandora-sdk-spin-container .ant-spin-container {
+  height: 100%;
 }
-.pandora-sdk-steps .ant-steps-item-icon .ant-steps-icon {
-  font-size: 10px;
+.pandora-sdk-spin-container .ant-spin-container > div {
+  height: 100%;
 }
-.pandora-sdk-steps .ant-steps-item:last-of-type .ant-steps-item-title::after {
-  display: none;
+.pandora-sdk-spin-hide {
+  visibility: hidden;
 }
-.pandora-sdk-steps .ant-steps-item-process .ant-steps-item-title {
-  font-weight: 400;
+.pandora-sdk-tabs .pandora-sdk-tabs-tab {
+  position: relative;
 }
-.pandora-sdk-steps .ant-steps-item .ant-steps-item-icon {
-  border-radius: 2px;
-  background: #2c6dd2;
-  border: none;
+.pandora-sdk-tabs .pandora-sdk-tabs-active .pandora-sdk-tabs-refresh-icon {
+  opacity: 1;
+  pointer-events: auto;
 }
-.pandora-sdk-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon {
-  color: #d9d9d9;
+.pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
+  margin-right: 0;
 }
-.pandora-sdk-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon span.anticon.anticon-check.ant-steps-finish-icon {
+.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-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon {
-  background: #eee;
-}
-.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-refresh-icon:hover {
+  color: #2c6dd2;
 }
 .ant-table.ant-table-middle {
   font-size: 14px;
@@ -11438,31 +11464,26 @@ 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-timeline-container {
+  list-style: none;
+  margin: 0;
+  line-height: 1.5;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.65);
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 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-timeline-container .pandora-sdk-icon {
+  margin: 0 8px;
+  color: inherit;
+  vertical-align: middle;
+  font-size: 14px;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
 }
-.pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
-  color: #2c6dd2;
+.pandora-sdk-timeline-container .pandora-sdk-icon:hover {
+  color: #7a869a;
 }
 .ant-tag {
   -webkit-box-sizing: border-box;
@@ -11731,45 +11752,6 @@ textarea.ant-pagination-options-quick-jumper input {
 .pandora-sdk-popover > div {
   margin: 4px;
 }
-.pandora-sdk-timeline-container {
-  list-style: none;
-  margin: 0;
-  line-height: 1.5;
-  font-size: 14px;
-  color: rgba(0, 0, 0, 0.65);
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0;
-}
-.pandora-sdk-timeline-container .pandora-sdk-icon {
-  margin: 0 8px;
-  color: inherit;
-  vertical-align: middle;
-  font-size: 14px;
-  -webkit-transition: 0.3s;
-  transition: 0.3s;
-}
-.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 +12353,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 +19588,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 +19614,28 @@ _:-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;
 }
@@ -19744,32 +19744,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .pandora-sdk-root.pandora-sdk-grey {
   background: #ebecf0;
 }
-.pandora-sdk-switch {
-  display: inline-block;
-  margin: 4px;
-  padding: 8px;
-  border-radius: 100px;
-  line-height: 1;
-  font-size: 16px;
-  color: #7a869a;
-  background: #ebecf0;
-  cursor: pointer;
-}
-.pandora-sdk-switch.pandora-sdk-active {
-  color: #d9d9d9;
-}
-.pandora-sdk-switch.pandora-sdk-active.pandora-sdk-primary {
-  background: #2c6dd2;
-}
-.pandora-sdk-switch.pandora-sdk-active.pandora-sdk-green {
-  background: #52c41a;
-}
-.pandora-sdk-switch.pandora-sdk-active.pandora-sdk-yellow {
-  background: #faad14;
-}
-.pandora-sdk-switch.pandora-sdk-active.pandora-sdk-blue {
-  background: #03a9f4;
-}
 .pandora-sdk-timeline-item {
   font-size: 14px;
   list-style: none;
@@ -19814,6 +19788,32 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   font-size: 14px;
   color: #333;
 }
+.pandora-sdk-switch {
+  display: inline-block;
+  margin: 4px;
+  padding: 8px;
+  border-radius: 100px;
+  line-height: 1;
+  font-size: 16px;
+  color: #7a869a;
+  background: #ebecf0;
+  cursor: pointer;
+}
+.pandora-sdk-switch.pandora-sdk-active {
+  color: #d9d9d9;
+}
+.pandora-sdk-switch.pandora-sdk-active.pandora-sdk-primary {
+  background: #2c6dd2;
+}
+.pandora-sdk-switch.pandora-sdk-active.pandora-sdk-green {
+  background: #52c41a;
+}
+.pandora-sdk-switch.pandora-sdk-active.pandora-sdk-yellow {
+  background: #faad14;
+}
+.pandora-sdk-switch.pandora-sdk-active.pandora-sdk-blue {
+  background: #03a9f4;
+}
 .pandora-sdk-transfer-list {
   overflow: hidden;
 }