@cloudtower/eagle 0.26.7 → 0.26.9

package/dist/style.css

@@ -98,168 +98,117 @@
 /*  box shadow   */
 /*  fisheye   */
 .loading {
+  width: 64px;
+  height: 64px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   position: relative;
-  display: inline-block;
-  opacity: 0;
-  animation-name: fadeIn;
-  /*
-    animation-delay: 0.4s; //FIXME: use a more accurate way to make this happen
-  */
-  animation-fill-mode: forwards;
-  line-height: 23.49px;
-  width: 42.6214285714px;
 }
 
-.loading__sugar {
-  display: inline-block;
-  position: relative;
-  vertical-align: middle;
-}
-.loading__sugar:before, .loading__sugar:after {
-  content: "";
-  display: inline-block;
-  width: 4.05px;
-  height: 4.05px;
-  border-radius: 50%;
+.loading-indicator__line1 {
   position: absolute;
+  width: 5px;
+  height: 48px;
+  left: 9.33px;
+  top: 40.5px;
+  background: linear-gradient(180deg, #0080FF 0%, rgba(0, 128, 255, 0.16) 100%);
+  border-radius: 5px;
+  transform: rotate(-128deg);
+  transform-origin: top left;
+  animation: loading-indicator1 1100ms ease-out infinite;
 }
-.loading__sugar:not(:last-child) {
-  margin-right: 6.4285714286px;
-}
-.loading__sugar:nth-child(1) {
-  animation-delay: -1.869s;
-}
-.loading__sugar:nth-child(1):before {
-  animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -1.869s;
-  background-color: #0096ff;
-}
-.loading__sugar:nth-child(1):after {
-  animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -1.869s;
-  background-color: #25c764;
-}
-.loading__sugar:nth-child(2) {
-  animation-delay: -3.738s;
-}
-.loading__sugar:nth-child(2):before {
-  animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -3.738s;
-  background-color: #0096ff;
-}
-.loading__sugar:nth-child(2):after {
-  animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -3.738s;
-  background-color: #25c764;
-}
-.loading__sugar:nth-child(3) {
-  animation-delay: -5.607s;
-}
-.loading__sugar:nth-child(3):before {
-  animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -5.607s;
-  background-color: #0096ff;
-}
-.loading__sugar:nth-child(3):after {
-  animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -5.607s;
-  background-color: #25c764;
-}
-.loading__sugar:nth-child(4) {
-  animation-delay: -7.476s;
-}
-.loading__sugar:nth-child(4):before {
-  animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -7.476s;
-  background-color: #0096ff;
-}
-.loading__sugar:nth-child(4):after {
-  animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -7.476s;
-  background-color: #25c764;
-}
-.loading__sugar:nth-child(5) {
-  animation-delay: -9.345s;
-}
-.loading__sugar:nth-child(5):before {
-  animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -9.345s;
-  background-color: #0096ff;
-}
-.loading__sugar:nth-child(5):after {
-  animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -9.345s;
-  background-color: #25c764;
-}
-.loading__sugar:nth-child(6) {
-  animation-delay: -11.214s;
-}
-.loading__sugar:nth-child(6):before {
-  animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -11.214s;
-  background-color: #0096ff;
-}
-.loading__sugar:nth-child(6):after {
-  animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -11.214s;
-  background-color: #25c764;
-}
-.loading__sugar:nth-child(7) {
-  animation-delay: -13.083s;
-}
-.loading__sugar:nth-child(7):before {
-  animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -13.083s;
-  background-color: #0096ff;
+
+.loading-indicator__line2 {
+  position: absolute;
+  width: 5px;
+  height: 48px;
+  left: 40.8px;
+  top: 8.4px;
+  background: linear-gradient(180deg, #0080FF 0%, rgba(0, 128, 255, 0.16) 100%);
+  border-radius: 5px;
+  transform: rotate(-8deg);
+  transform-origin: top left;
+  animation: loading-indicator2 1100ms ease-out infinite;
 }
-.loading__sugar:nth-child(7):after {
-  animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -13.083s;
-  background-color: #25c764;
+
+.loading-indicator__line3 {
+  position: absolute;
+  width: 5px;
+  height: 48px;
+  left: 52.9px;
+  top: 51.8px;
+  background: linear-gradient(180deg, #0080FF 0%, rgba(0, 128, 255, 0.16) 100%);
+  border-radius: 5px;
+  transform: rotate(112deg);
+  transform-origin: top left;
+  animation: loading-indicator3 1100ms ease-out infinite;
 }
 
-@keyframes animBefore {
+@keyframes loading-indicator1 {
   0% {
-    transform: translate3d(0, -10.125px, 1px);
-  }
-  25% {
-    transform: scale(1.2), translateZ(1px);
+    height: 48px;
+    left: 9.33px;
+    top: 40.5px;
   }
   50% {
-    transform: translate3d(0, 6.075px, -1px);
+    height: 5px;
+    left: 9.33px;
+    top: 40.5px;
   }
-  75% {
-    background-color: #e6f5ff;
-    transform: scale(0.8), translateZ(-1px);
+  51% {
+    height: 5px;
+    left: 43.2px;
+    top: 14.02px;
   }
   100% {
-    transform: translate3d(0, -10.125px, -1px);
+    height: 48px;
+    left: 9.33px;
+    top: 40.5px;
   }
 }
-@keyframes animAfter {
+@keyframes loading-indicator2 {
   0% {
-    transform: translate3d(0, 6.075px, -1px);
-  }
-  25% {
-    background-color: #e9f9f0;
-    transform: scale(0.8), translateZ(-1px);
+    height: 48px;
+    left: 40.8px;
+    top: 8.4px;
   }
   50% {
-    transform: translate3d(0, -10.125px, 1px);
+    height: 5px;
+    left: 40.8px;
+    top: 8.4px;
   }
-  75% {
-    transform: scale(1.2), translateZ(1px);
+  51% {
+    height: 5px;
+    left: 46.8px;
+    top: 51px;
   }
   100% {
-    transform: translate3d(0, 6.075px, 1px);
+    height: 48px;
+    left: 40.8px;
+    top: 8.4px;
   }
 }
-@keyframes fadeIn {
-  from {
-    opacity: 0;
+@keyframes loading-indicator3 {
+  0% {
+    height: 48px;
+    left: 52.9px;
+    top: 51.8px;
   }
-  to {
-    opacity: 1;
+  50% {
+    height: 5px;
+    left: 52.9px;
+    top: 51.8px;
+  }
+  51% {
+    height: 5px;
+    left: 13px;
+    top: 35.7px;
+  }
+  100% {
+    height: 48px;
+    left: 52.9px;
+    top: 51.8px;
   }
 }
 /* // basic */
@@ -1063,7 +1012,7 @@ p {
 .ant-alert .ant-alert-icon {
   position: static;
   height: 18px;
-  margin-right: 10px;
+  margin-right: 8px;
 }
 .ant-alert .ant-alert-close-icon {
   position: initial;
@@ -1102,6 +1051,10 @@ p {
   color: #005ed1;
 }
 
+.ant-alert-info.action:not(.alert-normal) .ant-alert-message {
+  color: #00122e;
+}
+
 .alert-normal {
   background: rgba(225, 230, 241, 0.6);
 }
@@ -1330,6 +1283,66 @@ td .ant-btn-link {
   filter: drop-shadow(0px 0px 0px 4px rgba(255, 74, 74, 0.16));
 }
 
+.ant-tag {
+  border: none;
+  border-radius: 4px;
+  display: inline-flex;
+  align-items: center;
+}
+.ant-tag:hover {
+  opacity: unset;
+}
+.ant-tag.ant-tag-red {
+  color: #f0483e;
+  background-color: rgba(255, 74, 74, 0.1);
+}
+.ant-tag.ant-tag-red.tag-hover:hover, .ant-tag.ant-tag-red.__pseudo-states-hover {
+  background-color: rgba(255, 74, 74, 0.16);
+}
+.ant-tag.ant-tag-red-ontint {
+  color: #ff5252;
+  background-color: rgba(255, 74, 74, 0.2);
+}
+.ant-tag.ant-tag-yellow {
+  color: #e07f00;
+  background-color: rgba(255, 187, 0, 0.1);
+}
+.ant-tag.ant-tag-yellow.tag-hover:hover, .ant-tag.ant-tag-yellow.__pseudo-states-hover {
+  background-color: rgba(255, 187, 0, 0.16);
+}
+.ant-tag.ant-tag-green {
+  color: #008f4c;
+  background-color: rgba(30, 201, 127, 0.1);
+}
+.ant-tag.ant-tag-green.tag-hover:hover, .ant-tag.ant-tag-green.__pseudo-states-hover {
+  background-color: rgba(30, 201, 127, 0.16);
+}
+.ant-tag.ant-tag-green-ontint {
+  color: #23cf6d;
+  background-color: rgba(30, 201, 127, 0.2);
+}
+.ant-tag.ant-tag-blue {
+  color: #0080ff;
+  background-color: rgba(0, 136, 255, 0.1);
+}
+.ant-tag.ant-tag-blue.tag-hover:hover, .ant-tag.ant-tag-blue.__pseudo-states-hover {
+  background-color: rgba(0, 136, 255, 0.16);
+}
+.ant-tag.ant-tag-purple {
+  color: rgb(126, 65, 255);
+  background-color: rgba(126, 65, 255, 0.1);
+}
+.ant-tag.ant-tag-purple.tag-hover:hover, .ant-tag.ant-tag-purple.__pseudo-states-hover {
+  background-color: rgba(126, 65, 255, 0.16);
+}
+.ant-tag.ant-tag-gray {
+  color: #1d326c;
+  background-color: rgba(225, 230, 241, 0.6);
+}
+.ant-tag.ant-tag-gray.tag-hover:hover, .ant-tag.ant-tag-gray.__pseudo-states-hover {
+  background-color: rgba(211, 218, 235, 0.6);
+}
+
 @media screen and (min-width: 1280px) {
   .cluster-topo-wrapper .panel-content > .rack-topo-wrapper,
   .cluster-topo-wrapper .panel-content > .brick-topo-wrapper {
@@ -1884,35 +1897,6 @@ html body {
   padding: 0;
 }
 
-.bpq0js6 {
-  padding: 4px 11px;
-}
-
-.b15sn34c {
-  white-space: nowrap;
-  filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
-}
-.b15sn34c > .ant-btn.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
-  --color: #0080ff;
-}
-.b15sn34c > .ant-btn.ant-btn-ordinary-onTint:not(.ant-btn-dangerous)[disabled], .b15sn34c > .ant-btn.ant-btn-ordinary-onTint:not(.ant-btn-dangerous):hover[disabled] {
-  --color: #0080ff;
-}
-.b15sn34c > .ant-btn:not(:only-child) + .ant-btn {
-  margin-left: 1px;
-}
-.b15sn34c > .ant-btn:not(:only-child):first-child {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.b15sn34c > .ant-btn:not(:only-child):last-child {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.b15sn34c > .ant-btn:not(:only-child):not(:first-child, :last-child) {
-  border-radius: unset;
-}
-
 .fde5mpd {
   width: 100%;
   height: 100%;
@@ -1946,6 +1930,35 @@ html body {
   animation: rotate 680ms linear infinite;
 }
 
+.bpq0js6 {
+  padding: 4px 11px;
+}
+
+.b15sn34c {
+  white-space: nowrap;
+  filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
+}
+.b15sn34c > .ant-btn.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
+  --color: #0080ff;
+}
+.b15sn34c > .ant-btn.ant-btn-ordinary-onTint:not(.ant-btn-dangerous)[disabled], .b15sn34c > .ant-btn.ant-btn-ordinary-onTint:not(.ant-btn-dangerous):hover[disabled] {
+  --color: #0080ff;
+}
+.b15sn34c > .ant-btn:not(:only-child) + .ant-btn {
+  margin-left: 1px;
+}
+.b15sn34c > .ant-btn:not(:only-child):first-child {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.b15sn34c > .ant-btn:not(:only-child):last-child {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.b15sn34c > .ant-btn:not(:only-child):not(:first-child, :last-child) {
+  border-radius: unset;
+}
+
 .iap75of {
   height: 18px;
   line-height: 18px;
@@ -1959,87 +1972,59 @@ html body {
   margin-right: 4px;
 }
 
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal {
-  flex-direction: row;
-  justify-content: stretch;
-}
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
-  padding: 0;
-  margin-right: 4px;
-  flex: 1;
-  overflow: visible;
-}
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-tail, .s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon {
-  display: none;
-}
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content {
-  width: 100%;
-  min-height: unset;
-}
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content .ant-steps-item-title {
-  height: 26px;
-  line-height: 26px;
-  width: 100%;
-  text-align: center;
-  padding: 0;
-  font-size: 12px;
-  font-weight: normal;
+.s34f1qb.ant-switch {
+  min-width: 40px;
+  height: 24px;
+  background: rgba(172, 186, 211, 0.6);
+  overflow: hidden;
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content .ant-steps-item-title .step-count {
-  margin-right: 10px;
+.s34f1qb.ant-switch:focus {
+  box-shadow: 0 0 0 2px rgba(225, 230, 241, 0.6);
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content .ant-steps-item-title::after {
-  display: none;
+.s34f1qb.ant-switch-small {
+  min-width: 26px;
+  height: 16px;
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child .ant-steps-item-container {
-  border-radius: 4px 0 0 4px;
+.s34f1qb.ant-switch-large {
+  min-width: 52px;
+  height: 32px;
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:last-child {
-  margin-right: 0;
+.s34f1qb.ant-switch .ant-switch-handle {
+  height: 20px;
+  width: 20px;
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:last-child .ant-steps-item-container {
-  border-radius: 0 4px 4px 0;
+.s34f1qb.ant-switch .ant-switch-handle::before {
+  border-radius: 10px;
+  transition-delay: 120ms;
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:not(.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:last-child)::after {
-  content: "";
-  width: 0;
-  height: 0;
-  border: 13px solid transparent;
-  position: absolute;
-  top: 0;
-  border-left: 8px solid rgba(237, 241, 250, 0.6);
-  right: -21px;
-  z-index: 2;
+.s34f1qb.ant-switch-small .ant-switch-handle {
+  height: 14px;
+  width: 14px;
+  top: 1px;
+  left: 1px;
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:not(.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child)::before {
-  content: "";
-  width: 0;
-  height: 0;
-  border: 13px solid transparent;
-  position: absolute;
-  top: 0;
-  border-left: 8px solid #fff;
-  left: 0;
+.s34f1qb.ant-switch-large .ant-switch-handle {
+  height: 28px;
+  width: 28px;
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-active .ant-steps-item-container {
-  background-color: rgba(0, 136, 255, 0.1);
+.s34f1qb.ant-switch-large .ant-switch-handle::before {
+  border-radius: 14px;
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-active::after {
-  border-left-color: rgba(0, 136, 255, 0.1) !important;
+.s34f1qb.ant-switch-checked {
+  background-color: #00ba5d;
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-active .ant-steps-item-title {
-  color: #005ed1;
+.s34f1qb.ant-switch-checked .ant-switch-handle {
+  left: calc(100% - 20px - 2px);
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-wait .ant-steps-item-container,
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-finish .ant-steps-item-container {
-  background-color: rgba(237, 241, 250, 0.6);
+.s34f1qb.ant-switch-small.ant-switch-checked .ant-switch-handle {
+  left: calc(100% - 14px - 1px);
 }
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-wait .ant-steps-item-title,
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-finish .ant-steps-item-title {
-  color: rgba(44, 56, 82, 0.6);
+.s34f1qb.ant-switch-large.ant-switch-checked .ant-switch-handle {
+  left: calc(100% - 28px - 2px);
 }
-.s3mgie3 .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(.ant-steps-vertical) .ant-steps-item {
-  padding: 0;
+
+.c1to9vb9 {
+  margin-left: 5px;
 }
 
 .obf05yr {
@@ -2249,61 +2234,6 @@ html body {
   width: 36px;
 }
 
-.s34f1qb.ant-switch {
-  min-width: 40px;
-  height: 24px;
-  background: rgba(172, 186, 211, 0.6);
-  overflow: hidden;
-}
-.s34f1qb.ant-switch:focus {
-  box-shadow: 0 0 0 2px rgba(225, 230, 241, 0.6);
-}
-.s34f1qb.ant-switch-small {
-  min-width: 26px;
-  height: 16px;
-}
-.s34f1qb.ant-switch-large {
-  min-width: 52px;
-  height: 32px;
-}
-.s34f1qb.ant-switch .ant-switch-handle {
-  height: 20px;
-  width: 20px;
-}
-.s34f1qb.ant-switch .ant-switch-handle::before {
-  border-radius: 10px;
-  transition-delay: 120ms;
-}
-.s34f1qb.ant-switch-small .ant-switch-handle {
-  height: 14px;
-  width: 14px;
-  top: 1px;
-  left: 1px;
-}
-.s34f1qb.ant-switch-large .ant-switch-handle {
-  height: 28px;
-  width: 28px;
-}
-.s34f1qb.ant-switch-large .ant-switch-handle::before {
-  border-radius: 14px;
-}
-.s34f1qb.ant-switch-checked {
-  background-color: #00ba5d;
-}
-.s34f1qb.ant-switch-checked .ant-switch-handle {
-  left: calc(100% - 20px - 2px);
-}
-.s34f1qb.ant-switch-small.ant-switch-checked .ant-switch-handle {
-  left: calc(100% - 14px - 1px);
-}
-.s34f1qb.ant-switch-large.ant-switch-checked .ant-switch-handle {
-  left: calc(100% - 28px - 2px);
-}
-
-.c1to9vb9 {
-  margin-left: 5px;
-}
-
 .cz04yix {
   display: flex;
   flex-direction: column;
@@ -2969,6 +2899,89 @@ input.rrg1fkn.ant-input {
   border-bottom-left-radius: 0;
 }
 
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal {
+  flex-direction: row;
+  justify-content: stretch;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
+  padding: 0;
+  margin-right: 4px;
+  flex: 1;
+  overflow: visible;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-tail, .s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon {
+  display: none;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content {
+  width: 100%;
+  min-height: unset;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content .ant-steps-item-title {
+  height: 26px;
+  line-height: 26px;
+  width: 100%;
+  text-align: center;
+  padding: 0;
+  font-size: 12px;
+  font-weight: normal;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content .ant-steps-item-title .step-count {
+  margin-right: 10px;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content .ant-steps-item-title::after {
+  display: none;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child .ant-steps-item-container {
+  border-radius: 4px 0 0 4px;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:last-child {
+  margin-right: 0;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:last-child .ant-steps-item-container {
+  border-radius: 0 4px 4px 0;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:not(.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:last-child)::after {
+  content: "";
+  width: 0;
+  height: 0;
+  border: 13px solid transparent;
+  position: absolute;
+  top: 0;
+  border-left: 8px solid rgba(237, 241, 250, 0.6);
+  right: -21px;
+  z-index: 2;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:not(.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child)::before {
+  content: "";
+  width: 0;
+  height: 0;
+  border: 13px solid transparent;
+  position: absolute;
+  top: 0;
+  border-left: 8px solid #fff;
+  left: 0;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-active .ant-steps-item-container {
+  background-color: rgba(0, 136, 255, 0.1);
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-active::after {
+  border-left-color: rgba(0, 136, 255, 0.1) !important;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-active .ant-steps-item-title {
+  color: #005ed1;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-wait .ant-steps-item-container,
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-finish .ant-steps-item-container {
+  background-color: rgba(237, 241, 250, 0.6);
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-wait .ant-steps-item-title,
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-finish .ant-steps-item-title {
+  color: rgba(44, 56, 82, 0.6);
+}
+.s3mgie3 .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(.ant-steps-vertical) .ant-steps-item {
+  padding: 0;
+}
+
 .t1upn1sz {
   height: 100%;
 }
@@ -3892,6 +3905,19 @@ input.rrg1fkn.ant-input {
   line-height: 12px;
 }
 
+.m15dvk92 {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+.m15dvk92 .action {
+  margin-left: 16px;
+}
+
+.aql8iqz .ant-alert-message {
+  width: 100%;
+}
+
 .c198s9j3 {
   color: #2d3a56;
   line-height: 22px;
@@ -4032,6 +4058,79 @@ input.rrg1fkn.ant-input {
   display: flex;
 }
 
+.s1uupxds {
+  padding: 0 8px;
+  border-radius: 4px;
+}
+
+.m10sqwut {
+  padding: 2px 8px;
+  border-radius: 3px;
+}
+
+.l1d492wb {
+  padding: 3px 8px;
+  border-radius: 2px;
+}
+
+.t1lzavmu.ant-tag:hover {
+  opacity: unset;
+}
+.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
+  margin: 0;
+  display: inline-flex;
+  align-items: center;
+  border: none;
+}
+.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden) .ant-tag-close-icon {
+  width: 16px;
+  height: 16px;
+  color: inherit;
+  margin-left: 4px;
+  opacity: 0.6;
+}
+.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden) .ant-tag-close-icon:hover {
+  opacity: 1;
+}
+.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden).ant-tag-blue {
+  color: #0080ff;
+  background-color: rgba(0, 136, 255, 0.1);
+}
+.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden).ant-tag-red {
+  color: #f0483e;
+  background-color: rgba(255, 74, 74, 0.1);
+}
+.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden).ant-tag-yellow {
+  color: #fea008;
+  background-color: rgba(255, 187, 0, 0.1);
+}
+.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden).ant-tag-green {
+  color: #00ba5d;
+  background-color: rgba(30, 201, 127, 0.1);
+}
+.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden).ant-tag-gray {
+  color: #1d326c;
+  background-color: rgba(225, 230, 241, 0.6);
+}
+.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden).ui-kit-token-checked {
+  color: #fff;
+}
+.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden).ui-kit-token-checked.ant-tag-red {
+  background-color: #f0483e;
+}
+.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden).ui-kit-token-checked.ant-tag-yellow {
+  background-color: #fea008;
+}
+.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden).ui-kit-token-checked.ant-tag-green {
+  background-color: #00ba5d;
+}
+.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden).ui-kit-token-checked.ant-tag-blue {
+  background-color: #0080ff;
+}
+.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden).ui-kit-token-checked.ant-tag-gray {
+  background-color: #6b7d99;
+}
+
 .m1thnes4 {
   color: rgba(44, 56, 82, 0.6);
   text-align: center;
@@ -4193,77 +4292,8 @@ input.rrg1fkn.ant-input {
   margin-left: 8px;
 }
 
-.s1uupxds {
-  padding: 0 8px;
-  border-radius: 4px;
-}
-
-.m10sqwut {
-  padding: 2px 8px;
-  border-radius: 3px;
-}
-
-.l1d492wb {
-  padding: 3px 8px;
-  border-radius: 2px;
-}
-
-.t1lzavmu.ant-tag:hover {
-  opacity: unset;
-}
-.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
-  margin: 0;
-  display: inline-flex;
-  align-items: center;
-  border: none;
-}
-.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden) .ant-tag-close-icon {
-  width: 16px;
-  height: 16px;
-  color: inherit;
-  margin-left: 4px;
-  opacity: 0.6;
-}
-.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden) .ant-tag-close-icon:hover {
-  opacity: 1;
-}
-.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden).ant-tag-blue {
-  color: #0080ff;
-  background-color: rgba(0, 136, 255, 0.1);
-}
-.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden).ant-tag-red {
-  color: #f0483e;
-  background-color: rgba(255, 74, 74, 0.1);
-}
-.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden).ant-tag-yellow {
-  color: #fea008;
-  background-color: rgba(255, 187, 0, 0.1);
-}
-.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden).ant-tag-green {
-  color: #00ba5d;
-  background-color: rgba(30, 201, 127, 0.1);
-}
-.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden).ant-tag-gray {
-  color: #1d326c;
-  background-color: rgba(225, 230, 241, 0.6);
-}
-.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden).ui-kit-token-checked {
-  color: #fff;
-}
-.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden).ui-kit-token-checked.ant-tag-red {
-  background-color: #f0483e;
-}
-.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden).ui-kit-token-checked.ant-tag-yellow {
-  background-color: #fea008;
-}
-.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden).ui-kit-token-checked.ant-tag-green {
-  background-color: #00ba5d;
-}
-.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden).ui-kit-token-checked.ant-tag-blue {
-  background-color: #0080ff;
-}
-.t1lzavmu.ant-tag.ui-kit-token:not(.ant-tag-hidden).ui-kit-token-checked.ant-tag-gray {
-  background-color: #6b7d99;
+.c1k4vanq {
+  padding: 0 16px 14px 16px;
 }
 
 .t1gz6wqf {
@@ -4296,6 +4326,55 @@ input.rrg1fkn.ant-input {
   background: rgba(163, 180, 204, 0.18);
 }
 
+.c1udgdh2 {
+  color: #2d3a56;
+  padding: 12px 16px 10px 16px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.c1udgdh2.has-arrow {
+  padding-left: 10px;
+}
+.c1udgdh2.has-arrow .title-wrapper {
+  cursor: pointer;
+  color: #00122e;
+}
+.c1udgdh2.has-arrow .title-wrapper.is-open {
+  color: #2d3a56;
+  font-weight: 600;
+}
+.c1udgdh2.has-arrow .title-wrapper.is-open .collapse-arrow {
+  transform: rotate(90deg);
+}
+.c1udgdh2 .sub-info {
+  font-size: 12px;
+  line-height: 18px;
+}
+.c1udgdh2 .title-wrapper {
+  display: flex;
+  align-items: center;
+  user-select: none;
+  flex-grow: 1;
+  font-size: 12px;
+  line-height: 18px;
+  color: #2d3a56;
+  font-weight: 700;
+}
+.c1udgdh2 .collapse-arrow {
+  transition: all 50ms ease-out 0ms;
+  margin-right: 2px;
+}
+
+.bab9xum {
+  box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14), 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447), 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224), 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253), 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07), 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747), 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776), 0px 6px 22px rgba(129, 138, 153, 0.0335534);
+}
+
+.cav4gt6 {
+  border-radius: 4px;
+  background-color: white;
+}
+
 .tc40oxa {
   margin-bottom: 4px;
   color: rgba(44, 56, 82, 0.6);
@@ -4449,9 +4528,6 @@ input.rrg1fkn.ant-input {
   border-radius: 5px;
   font-size: 12px;
 }
-.tyua489 .ant-list.size-default .eagle-table-form-cell .ant-input {
-  padding: 2px 8px;
-}
 .tyua489 .ant-list.size-default .eagle-table-form-cell .ant-input-affix-wrapper {
   font-size: inherit;
 }
@@ -4523,6 +4599,34 @@ input.rrg1fkn.ant-input {
   min-height: 0px;
 }
 
+.w1xcixj5.outside-tag {
+  padding-left: 0;
+}
+.w1xcixj5.outside-tag .inside-tag {
+  border-radius: 4px 0 0 4px;
+  padding-right: 4px;
+  margin-right: 4px;
+}
+
+.sut42l0 {
+  padding: 0 8px;
+  height: 18px;
+}
+
+.mfsz1jz {
+  padding: 2px 8px;
+  height: 24px;
+}
+
+.tnd6h4m {
+  margin: 0;
+}
+
+.i1qw4clm {
+  margin-right: 4px;
+  height: 16px;
+}
+
 .at4ovwe .ant-input-number-handler-wrap {
   display: var(--at4ovwe-0);
 }
@@ -4569,25 +4673,6 @@ input.rrg1fkn.ant-input {
   font-size: inherit;
 }
 
-.feau332.ant-form-item {
-  margin-bottom: 0;
-}
-.feau332 .ant-form-item-explain {
-  display: none;
-  min-height: 18px;
-  margin-top: 5px;
-  font-family: "Inter";
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 18px;
-}
-.feau332.ant-form-item[class*=ant-form-item-has]:not(.ant-form-item-has-error-leave) {
-  white-space: pre-wrap;
-}
-.feau332.ant-form-item[class*=ant-form-item-has]:not(.ant-form-item-has-error-leave) .ant-form-item-explain {
-  display: block;
-}
-
 .a6dbbkm .ant-input-number-handler-wrap {
   display: var(--a6dbbkm-0);
 }
@@ -4617,4 +4702,23 @@ input.rrg1fkn.ant-input {
   margin: 0;
   height: auto;
   font-size: inherit;
+}
+
+.feau332.ant-form-item {
+  margin-bottom: 0;
+}
+.feau332 .ant-form-item-explain {
+  display: none;
+  min-height: 18px;
+  margin-top: 5px;
+  font-family: "Inter";
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 18px;
+}
+.feau332.ant-form-item[class*=ant-form-item-has]:not(.ant-form-item-has-error-leave) {
+  white-space: pre-wrap;
+}
+.feau332.ant-form-item[class*=ant-form-item-has]:not(.ant-form-item-has-error-leave) .ant-form-item-explain {
+  display: block;
 }