@cloudtower/eagle 0.27.3-alpha.0 → 0.27.3-gobackbutton

package/dist/components.css

@@ -29750,6 +29750,19 @@ html body {
   border-radius: unset;
 }
 
+.iap75of {
+  height: 18px;
+  line-height: 18px;
+  padding: 0 4px;
+  border-radius: 4px;
+  background: rgba(235, 239, 245, 0.6);
+  border: 1px solid rgba(223, 228, 235, 0.6);
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  margin-right: 4px;
+}
+
 .fde5mpd {
   width: 100%;
   height: 100%;
@@ -29783,28 +29796,6 @@ html body {
   animation: rotate 680ms linear infinite;
 }
 
-.iap75of {
-  height: 18px;
-  line-height: 18px;
-  padding: 0 4px;
-  border-radius: 4px;
-  background: rgba(235, 239, 245, 0.6);
-  border: 1px solid rgba(223, 228, 235, 0.6);
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-  margin-right: 4px;
-}
-
-.obf05yr {
-  display: inline-block;
-}
-
-.hsms1n6 {
-  visibility: hidden;
-  position: absolute;
-}
-
 .p12gwtiw {
   display: flex;
   justify-content: space-between;
@@ -29862,6 +29853,70 @@ html body {
   line-height: 18px;
 }
 
+.obf05yr {
+  display: inline-block;
+}
+
+.hsms1n6 {
+  visibility: hidden;
+  position: absolute;
+}
+
+.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;
+}
+
 .rxbeqvl.ant-radio-wrapper {
   display: inline-flex;
   align-items: baseline;
@@ -30620,61 +30675,6 @@ input.rrg1fkn.ant-input {
   border-bottom-left-radius: 0;
 }
 
-.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;
-}
-
 .t1upn1sz {
   height: 100%;
 }
@@ -31039,10 +31039,6 @@ input.rrg1fkn.ant-input {
   background: #fff;
 }
 
-.i1e4sgug {
-  display: inline-block;
-}
-
 .s1fc623g {
   width: 430px !important;
 }
@@ -31124,6 +31120,10 @@ input.rrg1fkn.ant-input {
   opacity: 0;
 }
 
+.i1e4sgug {
+  display: inline-block;
+}
+
 .d6j0lbj {
   font-family: Inter;
   font-style: normal;
@@ -31599,129 +31599,210 @@ input.rrg1fkn.ant-input {
   line-height: 12px;
 }
 
-.berrcjl {
-  color: rgba(10, 37, 85, 0.6);
-  margin-bottom: 4px;
+.c1up1pdz {
+  width: 648px;
 }
-.berrcjl .breadcrumb-link {
-  color: rgba(10, 37, 85, 0.6);
-  cursor: pointer;
-  transition: color 160ms ease;
+.c1up1pdz.active {
+  border-color: #0080ff;
 }
-.berrcjl .breadcrumb-link:hover {
-  color: #0080ff;
+.c1up1pdz.active > header {
+  background: rgba(0, 128, 255, 0.1);
 }
-.berrcjl .breadcrumb-link:active {
-  color: #005ed1;
+.c1up1pdz .expand {
+  padding: 12px;
 }
-
-.c1uzzomf {
-  margin-bottom: 16px;
+.c1up1pdz .field-item {
+  display: flex;
+  padding: 10px 0;
+  border-bottom: 1px solid rgba(213, 219, 227, 0.6);
 }
-.c1uzzomf .card-title {
-  font-size: 16px;
-  color: rgba(44, 56, 82, 0.6);
-  font-weight: 700;
+.c1up1pdz .field-item:last-child {
+  border-bottom: none;
+  padding-bottom: 0;
+}
+.c1up1pdz .field-item label {
   line-height: 32px;
+  width: 100px;
+  color: rgba(62, 70, 82, 0.6);
 }
-.c1uzzomf .card-body {
-  padding: 24px;
-  border-radius: 8px;
-  background: #fff;
+.c1up1pdz .help {
+  color: rgba(62, 70, 82, 0.6);
+  margin-top: 5px;
 }
-.c1uzzomf .empty {
-  font-weight: 700;
-  font-size: 14px;
-  line-height: 22px;
-  color: rgba(0, 21, 64, 0.3);
-  text-align: center;
+.c1up1pdz .ant-input-affix-wrapper,
+.c1up1pdz .ant-picker {
+  width: 128px;
 }
 
-.c1bus5hc {
-  --color: white;
-  height: 14px;
-  width: 14px;
-  border-radius: 50%;
-  flex-shrink: 0;
+.c156wh19 {
   display: flex;
   align-items: center;
-  justify-content: center;
-  border: 1px solid var(--color);
-}
-.c1bus5hc .circle-inner {
-  position: relative;
-  height: 10px;
-  width: 10px;
-  border-radius: 50%;
-  overflow: hidden;
-}
-.c1bus5hc .circle-content {
-  position: absolute;
-  height: 100%;
-  width: 100%;
-  left: 0;
-  top: 0;
-  border-radius: 50%;
-  background: linear-gradient(to right, var(--color) 50%, white 50%);
-  transform: rotate(180deg);
-}
-.c1bus5hc .circle-child {
-  position: absolute;
-  height: 100%;
-  width: 100%;
-  left: 0;
-  top: 0;
-  margin-left: 50%;
-  transform-origin: left;
-  background: white;
-  transform: rotate(0deg);
-}
-
-.c18bcrac {
-  display: inline-block;
-  width: 100%;
+  justify-content: space-between;
+  word-break: keep-all;
 }
-.c18bcrac .recharts-wrapper {
-  margin-left: 4px;
+.c156wh19 .title {
+  margin: 0 16px 0 8px;
 }
-
-.cro7kg2 {
-  padding: 4px;
+.c156wh19 .retain {
+  color: rgba(129, 138, 153, 0.6);
 }
-
-.c14wcxf0 {
+.c156wh19 .left {
+  flex: 1;
   display: flex;
-  justify-content: space-between;
+  overflow: hidden;
   align-items: center;
-  font-size: 13px;
-  line-height: 24px;
-  color: #cccccc;
+  justify-content: flex-start;
   white-space: nowrap;
 }
-.c14wcxf0 label {
-  margin-right: 32px;
+.c156wh19 .left .title {
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.c156wh19 .right {
+  display: flex;
+  align-items: center;
+}
+.c156wh19 .reverse {
+  display: flex;
+  flex-direction: row-reverse;
+  align-items: center;
+}
+.c156wh19 .reverse .ant-switch {
+  margin-left: 8px;
+}
+.c156wh19 .close {
+  padding-left: 14px;
+  margin-left: 14px;
+  border-left: 1px solid rgba(129, 138, 153, 0.6);
+  cursor: pointer;
 }
 
-.coy29mj.c14wcxf0 {
-  font-weight: bold;
-  color: white;
+.m126spxy {
+  padding-bottom: 4px;
+  border-bottom: 1px solid rgba(213, 219, 227, 0.6);
+}
+.m126spxy .ant-btn-link {
+  padding: 1px 10px;
+  color: rgba(62, 70, 82, 0.6);
+  border-radius: 4px;
+}
+.m126spxy .ant-btn-link.active {
+  background: rgba(0, 128, 255, 0.1);
+  color: #0096ff;
 }
 
-.s11212zy {
-  width: 8px;
-  height: 8px;
-  border-radius: 2px;
-  display: inline-block;
-  background: var(--s11212zy-0);
-  border: 1px solid #fff;
-  box-sizing: content-box;
-  margin-right: 6px;
+.wpbf4pq {
+  padding: 10px 0;
+  border-bottom: 1px solid rgba(213, 219, 227, 0.6);
+}
+.wpbf4pq .ant-input,
+.wpbf4pq .ant-picker {
+  width: 80px;
+  margin: 0 9px;
+  text-align: center;
+}
+.wpbf4pq .options {
+  padding: 12px 0 12px 16px;
+  border-left: 2px solid rgba(129, 138, 153, 0.6);
+  margin: 5px 0 5px 8px;
+}
+.wpbf4pq .week-day-option,
+.wpbf4pq .month-day-option {
+  background: #f5f7fa;
+  box-sizing: border-box;
+  border-radius: 16px;
+  margin-right: 8px;
+}
+.wpbf4pq .week-day-option:focus,
+.wpbf4pq .month-day-option:focus {
+  color: inherit;
+  border-color: #d9d9d9;
+}
+.wpbf4pq .week-day-option.active {
+  background-color: #0096ff;
+  border-color: #0096ff;
+  color: #fff;
+}
+.wpbf4pq .week-day-option.en-text {
+  width: 110px;
+  margin-top: 4px;
+}
+.wpbf4pq .month-day-option {
+  width: 32px;
+  padding: 0;
+  margin-bottom: 8px;
+}
+.wpbf4pq .month-day-option.active {
+  background-color: #0096ff;
+  border-color: #0096ff;
+  color: #fff;
 }
 
-.p1lyky6c > :first-child {
-  font-weight: bold;
-  color: white;
-  margin-right: 4px;
+.tje3huy {
+  width: 100%;
+  overflow: inherit;
+  white-space: inherit;
+  text-overflow: ellipsis;
+}
+
+.c1bus5hc {
+  --color: white;
+  height: 14px;
+  width: 14px;
+  border-radius: 50%;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid var(--color);
+}
+.c1bus5hc .circle-inner {
+  position: relative;
+  height: 10px;
+  width: 10px;
+  border-radius: 50%;
+  overflow: hidden;
+}
+.c1bus5hc .circle-content {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  left: 0;
+  top: 0;
+  border-radius: 50%;
+  background: linear-gradient(to right, var(--color) 50%, white 50%);
+  transform: rotate(180deg);
+}
+.c1bus5hc .circle-child {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  left: 0;
+  top: 0;
+  margin-left: 50%;
+  transform-origin: left;
+  background: white;
+  transform: rotate(0deg);
+}
+
+.n12mqh7z {
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+  line-height: 18px;
+}
+.n12mqh7z:not(:last-child) {
+  margin-bottom: 4px;
+}
+
+.tf5bynu {
+  margin: 0 3px;
+}
+
+.tcckoz1 {
+  max-height: 400px;
+  overflow: "auto";
 }
 
 .c18gxmrl {
@@ -31744,18 +31825,63 @@ input.rrg1fkn.ant-input {
   padding: 8px 12px;
 }
 
-.c10crapj {
+.berrcjl {
+  color: rgba(10, 37, 85, 0.6);
+  margin-bottom: 4px;
+}
+.berrcjl .breadcrumb-link {
+  color: rgba(10, 37, 85, 0.6);
+  cursor: pointer;
+  transition: color 160ms ease;
+}
+.berrcjl .breadcrumb-link:hover {
+  color: #0080ff;
+}
+.berrcjl .breadcrumb-link:active {
+  color: #005ed1;
+}
+
+.s1iv0tp1 .enabled-switch {
+  display: flex;
+  align-items: center;
+}
+.s1iv0tp1 .enabled-text {
+  margin-right: 8px;
+}
+
+.c1uzzomf {
+  margin-bottom: 16px;
+}
+.c1uzzomf .card-title {
+  font-size: 16px;
+  color: rgba(44, 56, 82, 0.6);
+  font-weight: 700;
+  line-height: 32px;
+}
+.c1uzzomf .card-body {
+  padding: 24px;
   border-radius: 8px;
+  background: #fff;
 }
-.c10crapj .ant-card-body {
-  padding: 20px 24px 24px 24px;
+.c1uzzomf .empty {
+  font-weight: 700;
+  font-size: 14px;
+  line-height: 22px;
+  color: rgba(0, 21, 64, 0.3);
+  text-align: center;
 }
 
-.tje3huy {
+.m15dvk92 {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+.m15dvk92 .action {
+  margin-left: 16px;
+}
+
+.aql8iqz .ant-alert-message {
   width: 100%;
-  overflow: inherit;
-  white-space: inherit;
-  text-overflow: ellipsis;
 }
 
 .c198s9j3 {
@@ -31829,48 +31955,11 @@ input.rrg1fkn.ant-input {
   margin-left: 24px;
 }
 
-.m15dvk92 {
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-}
-.m15dvk92 .action {
-  margin-left: 16px;
-}
-
-.aql8iqz .ant-alert-message {
-  width: 100%;
-}
-
-.wg1tsps {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-}
-
-.b1ctd5xy {
-  display: flex;
-  align-items: center;
-  width: calc(100% - 40px);
-}
-.b1ctd5xy .chart {
-  display: inline-block;
-  width: 100%;
-}
-
-.u1p8acpn {
-  width: 40px;
-}
-.u1p8acpn .unit {
-  color: #00122e !important;
-}
-
-.s1iv0tp1 .enabled-switch {
-  display: flex;
-  align-items: center;
+.c10crapj {
+  border-radius: 8px;
 }
-.s1iv0tp1 .enabled-text {
-  margin-right: 8px;
+.c10crapj .ant-card-body {
+  padding: 20px 24px 24px 24px;
 }
 
 .cav9p2m .ant-collapse-item {
@@ -31908,6 +31997,10 @@ input.rrg1fkn.ant-input {
   white-space: nowrap;
 }
 
+.iiqau4c.ant-input-group.ant-input-group-compact {
+  display: flex;
+}
+
 .shq1k1g.ant-select, .shq1k1g.ant-select .ant-select-selector {
   border-radius: 6px;
 }
@@ -31975,10 +32068,6 @@ input.rrg1fkn.ant-input {
   color: rgba(44, 56, 82, 0.6);
 }
 
-.iiqau4c.ant-input-group.ant-input-group-compact {
-  display: flex;
-}
-
 .s14dk8r1 {
   margin: 0;
   border-radius: 20px;
@@ -32139,221 +32228,11 @@ input.rrg1fkn.ant-input {
   background-color: #7E41FF;
 }
 
-.l4bld33 {
-  width: 64px;
-  height: 64px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  opacity: 0.2;
+.sq6vos1 {
+  --item-min-width: 60px;
 }
-
-.lgitjoj {
-  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;
-}
-
-.l13g0exg {
-  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;
-}
-
-.l1exo3h6 {
-  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;
-}
-
-.m1thnes4 {
-  color: rgba(44, 56, 82, 0.6);
-  text-align: center;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  height: 100%;
-}
-.m1thnes4 .link {
-  color: #0080ff;
-  cursor: pointer;
-}
-
-.m1bixfdy {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-.m1bixfdy .name-toolbar {
-  width: 100%;
-  display: flex;
-  line-height: 30px;
-  padding: 0 16px;
-  justify-content: space-between;
-}
-.m1bixfdy .name-toolbar .metric-extra {
-  display: flex;
-  font-size: 12px;
-  align-items: center;
-}
-.m1bixfdy .name-toolbar .metric-extra .info-item {
-  color: #a3b4cc;
-}
-.m1bixfdy .name-toolbar .metric-extra .info-item + .info-item {
-  margin-left: 10px;
-}
-.m1bixfdy .name-toolbar .metric-extra .menu-trigger {
-  margin-left: 10px;
-  cursor: pointer;
-}
-.m1bixfdy .content {
-  flex: 1;
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.m1bixfdy .single-content {
-  height: 65px;
-}
-
-.lfamfcw {
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-  overflow: hidden;
-  width: 100%;
-}
-.lfamfcw .ant-dropdown-trigger {
-  margin-left: auto;
-  font-size: 12px;
-}
-
-.la6u9b4 {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  font-size: 12px;
-  cursor: pointer;
-}
-.la6u9b4:not(:last-child) {
-  margin-right: 20px;
-}
-.la6u9b4.deselected {
-  opacity: 0.4;
-}
-.la6u9b4.deselected .color-block {
-  background: #b4beca !important;
-}
-
-.chhvk8b {
-  display: inline-block;
-  height: 8px;
-  width: 8px;
-  margin-right: 8px;
-}
-
-.e1sdlxq1 .ant-dropdown-menu-item {
-  display: flex;
-  align-items: center;
-  font-size: 12px;
-  margin: 0;
-}
-
-.m16f7gpb {
-  position: relative;
-}
-.m16f7gpb.hidden-xaxis .pointer-wrapper {
-  bottom: -12px;
-}
-.m16f7gpb .metric-toolbar {
-  display: flex;
-  justify-content: space-between;
-  line-height: 30px;
-  margin: 0 16px;
-}
-.m16f7gpb .metric-toolbar .metric-extra {
-  display: flex;
-  font-size: 12px;
-  align-items: center;
-}
-.m16f7gpb .metric-toolbar .metric-extra .info-item {
-  color: #a3b4cc;
-}
-.m16f7gpb .metric-toolbar .metric-extra .info-item + .info-item {
-  margin-left: 10px;
-}
-.m16f7gpb .metric-toolbar .metric-extra .menu-trigger {
-  margin-left: 10px;
-  cursor: pointer;
-}
-.m16f7gpb .recharts-xAxis {
-  font-size: 12px;
-}
-.m16f7gpb .pointer-wrapper {
-  position: absolute;
-  bottom: 10px;
-  padding: 0 8px;
-  border-radius: 4px;
-  font-size: 12px;
-  color: #fff;
-  background: rgba(0, 0, 0, 0.75);
-  transform: translateX(-50%);
-}
-
-.t1ipvk51 {
-  min-width: 200px;
-}
-
-.t1kgldps {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  background-color: rgba(0, 0, 0, 0.75);
-  color: #b4beca;
-  font-size: 12px;
-  padding: 3px 6px;
-}
-.t1kgldps:first-child {
-  padding-top: 3px;
-}
-.t1kgldps:last-child {
-  padding-bottom: 3px;
-}
-.t1kgldps .column-value {
-  color: #fff;
-  margin-left: 8px;
-}
-
-.sq6vos1 {
-  --item-min-width: 60px;
-}
-.sq6vos1 .ant-steps-item-tail, .sq6vos1 .ant-steps-item-icon {
-  display: none !important;
+.sq6vos1 .ant-steps-item-tail, .sq6vos1 .ant-steps-item-icon {
+  display: none !important;
 }
 .sq6vos1 .ant-steps-item.ant-steps-item-active {
   flex-shrink: 0 !important;
@@ -32508,30 +32387,240 @@ input.rrg1fkn.ant-input {
   justify-content: center;
   column-gap: 4px;
 }
-.h1xo7yjb .step-item-prefix-container {
-  display: inline-flex;
-  align-items: center;
-  width: 18px;
-  height: 18px;
-  color: rgba(44, 56, 82, 0.75);
-  justify-content: center;
+.h1xo7yjb .step-item-prefix-container {
+  display: inline-flex;
+  align-items: center;
+  width: 18px;
+  height: 18px;
+  color: rgba(44, 56, 82, 0.75);
+  justify-content: center;
+}
+
+.v1f2f7cy {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  column-gap: 6px;
+  font-size: 13px;
+}
+.v1f2f7cy .step-item-prefix-container {
+  display: inline-flex;
+  align-items: center;
+  min-width: 20px;
+  min-height: 20px;
+  color: rgba(44, 56, 82, 0.75);
+  justify-content: center;
+}
+
+.l4bld33 {
+  width: 64px;
+  height: 64px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  opacity: 0.2;
+}
+
+.lgitjoj {
+  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;
+}
+
+.l13g0exg {
+  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;
+}
+
+.l1exo3h6 {
+  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;
+}
+
+.m1thnes4 {
+  color: rgba(44, 56, 82, 0.6);
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  height: 100%;
+}
+.m1thnes4 .link {
+  color: #0080ff;
+  cursor: pointer;
+}
+
+.m1bixfdy {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.m1bixfdy .name-toolbar {
+  width: 100%;
+  display: flex;
+  line-height: 30px;
+  padding: 0 16px;
+  justify-content: space-between;
+}
+.m1bixfdy .name-toolbar .metric-extra {
+  display: flex;
+  font-size: 12px;
+  align-items: center;
+}
+.m1bixfdy .name-toolbar .metric-extra .info-item {
+  color: #a3b4cc;
+}
+.m1bixfdy .name-toolbar .metric-extra .info-item + .info-item {
+  margin-left: 10px;
+}
+.m1bixfdy .name-toolbar .metric-extra .menu-trigger {
+  margin-left: 10px;
+  cursor: pointer;
+}
+.m1bixfdy .content {
+  flex: 1;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.m1bixfdy .single-content {
+  height: 65px;
+}
+
+.lfamfcw {
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  overflow: hidden;
+  width: 100%;
+}
+.lfamfcw .ant-dropdown-trigger {
+  margin-left: auto;
+  font-size: 12px;
+}
+
+.la6u9b4 {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  font-size: 12px;
+  cursor: pointer;
+}
+.la6u9b4:not(:last-child) {
+  margin-right: 20px;
+}
+.la6u9b4.deselected {
+  opacity: 0.4;
+}
+.la6u9b4.deselected .color-block {
+  background: #b4beca !important;
+}
+
+.chhvk8b {
+  display: inline-block;
+  height: 8px;
+  width: 8px;
+  margin-right: 8px;
+}
+
+.e1sdlxq1 .ant-dropdown-menu-item {
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+  margin: 0;
+}
+
+.m16f7gpb {
+  position: relative;
+}
+.m16f7gpb.hidden-xaxis .pointer-wrapper {
+  bottom: -12px;
+}
+.m16f7gpb .metric-toolbar {
+  display: flex;
+  justify-content: space-between;
+  line-height: 30px;
+  margin: 0 16px;
+}
+.m16f7gpb .metric-toolbar .metric-extra {
+  display: flex;
+  font-size: 12px;
+  align-items: center;
+}
+.m16f7gpb .metric-toolbar .metric-extra .info-item {
+  color: #a3b4cc;
+}
+.m16f7gpb .metric-toolbar .metric-extra .info-item + .info-item {
+  margin-left: 10px;
+}
+.m16f7gpb .metric-toolbar .metric-extra .menu-trigger {
+  margin-left: 10px;
+  cursor: pointer;
+}
+.m16f7gpb .recharts-xAxis {
+  font-size: 12px;
+}
+.m16f7gpb .pointer-wrapper {
+  position: absolute;
+  bottom: 10px;
+  padding: 0 8px;
+  border-radius: 4px;
+  font-size: 12px;
+  color: #fff;
+  background: rgba(0, 0, 0, 0.75);
+  transform: translateX(-50%);
+}
+
+.t1ipvk51 {
+  min-width: 200px;
 }
 
-.v1f2f7cy {
-  width: 100%;
+.t1kgldps {
   display: flex;
   align-items: center;
-  justify-content: center;
-  column-gap: 6px;
-  font-size: 13px;
+  justify-content: space-between;
+  background-color: rgba(0, 0, 0, 0.75);
+  color: #b4beca;
+  font-size: 12px;
+  padding: 3px 6px;
 }
-.v1f2f7cy .step-item-prefix-container {
-  display: inline-flex;
-  align-items: center;
-  min-width: 20px;
-  min-height: 20px;
-  color: rgba(44, 56, 82, 0.75);
-  justify-content: center;
+.t1kgldps:first-child {
+  padding-top: 3px;
+}
+.t1kgldps:last-child {
+  padding-bottom: 3px;
+}
+.t1kgldps .column-value {
+  color: #fff;
+  margin-left: 8px;
 }
 
 .t1gz6wqf {
@@ -32608,17 +32697,21 @@ input.rrg1fkn.ant-input {
   margin-right: 2px;
 }
 
-.skwah65 {
-  height: 8px;
-  box-sizing: border-box;
-  border-radius: 2px;
-  background: #f5f7fa;
-  display: flex;
-  width: 100%;
-  overflow: hidden;
+.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);
 }
-.skwah65 .stack-bar-item + .stack-bar-item {
-  margin-left: 1px;
+
+.cav4gt6 {
+  border-radius: 8px;
+  background-color: white;
+}
+.cav4gt6.hoverable {
+  cursor: pointer;
+}
+.cav4gt6.hoverable:hover {
+  transition: all 200ms ease;
+  box-shadow: 0px 9px 22px rgba(107, 125, 153, 0.23), 0px 1.12694px 2.75474px rgba(107, 125, 153, 0.12);
+  transform: translateY(-4px);
 }
 
 .rrwcpby {
@@ -32637,23 +32730,6 @@ input.rrg1fkn.ant-input {
   margin-right: 6px;
 }
 
-.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: 8px;
-  background-color: white;
-}
-.cav4gt6.hoverable {
-  cursor: pointer;
-}
-.cav4gt6.hoverable:hover {
-  transition: all 200ms ease;
-  box-shadow: 0px 9px 22px rgba(107, 125, 153, 0.23), 0px 1.12694px 2.75474px rgba(107, 125, 153, 0.12);
-  transform: translateY(-4px);
-}
-
 .f1p9ti6d {
   width: 100%;
   margin-bottom: 0 !important;
@@ -32685,54 +32761,44 @@ input.rrg1fkn.ant-input {
   min-height: 0px;
 }
 
-.at4ovwe .ant-input-number-handler-wrap {
-  display: var(--at4ovwe-0);
-}
-.at4ovwe .ant-input-number-input-wrap {
-  padding: 5px 12px;
-  display: inline-flex;
-  line-height: 1.5715;
-  height: 100%;
-  width: 100%;
-}
-.at4ovwe .ant-input-number-input-wrap::after {
-  content: var(--at4ovwe-1);
-  display: var(--at4ovwe-2);
-  flex: none;
-  align-items: center;
-  margin-left: 4px;
-  color: rgba(44, 56, 82, 0.6);
+.w1xcixj5.outside-tag {
+  padding-left: 0;
 }
-.at4ovwe .ant-input-number-input-wrap::before {
-  content: var(--at4ovwe-3);
-  display: var(--at4ovwe-4);
-  flex: none;
-  align-items: center;
+.w1xcixj5.outside-tag .inside-tag {
+  border-radius: 4px 0 0 4px;
+  padding-right: 4px;
   margin-right: 4px;
-  cursor: auto;
-  color: rgba(44, 56, 82, 0.6);
 }
-.ant-input-group.ant-input-group-compact > .at4ovwe {
-  border-radius: 0;
+
+.sut42l0 {
+  padding: 0 8px;
+  height: 18px;
 }
-.at4ovwe.ant-input-number {
-  width: 100%;
-  border-radius: 6px;
+
+.mfsz1jz {
+  padding: 2px 8px;
+  height: 24px;
 }
-.at4ovwe.ant-input-number:not([disabled]):focus, .at4ovwe.ant-input-number:not([disabled]):active, .at4ovwe.ant-input-number:not([disabled]).ant-input-number-focused {
-  border-color: #0096ff;
-  box-shadow: 0px 0px 0px 4px rgba(0, 136, 255, 0.16);
-  z-index: 1;
+
+.tnd6h4m {
+  margin: 0;
 }
-.at4ovwe.ant-input-number.error:not([disabled]):hover, .at4ovwe.ant-input-number.error:not([disabled]).ant-input-number-focused {
-  border-color: #e75a3a;
-  box-shadow: 0px 0px 0px 4px rgba(255, 74, 74, 0.16);
+
+.i1qw4clm {
+  margin-right: 4px;
+  height: 16px;
 }
-.at4ovwe .ant-input-number-input {
-  padding: 0;
-  margin: 0;
-  height: auto;
-  font-size: inherit;
+
+.n1r5ku5l.ant-tag.ant-tag-gray {
+  font-weight: 700;
+  color: #00122e;
+  background-color: rgba(237, 241, 250, 0.6);
+  border: 1px solid rgba(211, 218, 235, 0.6);
+}
+
+.iwsze0q {
+  margin-right: 4px;
+  height: 16px;
 }
 
 .tc40oxa {
@@ -32928,63 +32994,54 @@ input.rrg1fkn.ant-input {
   margin-right: 8px;
 }
 
-.sut42l0 {
-  padding: 0 8px;
-  height: 18px;
-}
-
-.mfsz1jz {
-  padding: 2px 8px;
-  height: 24px;
-}
-
-.tnd6h4m {
-  margin: 0;
+.at4ovwe .ant-input-number-handler-wrap {
+  display: var(--at4ovwe-0);
 }
-
-.i1qw4clm {
-  margin-right: 4px;
-  height: 16px;
+.at4ovwe .ant-input-number-input-wrap {
+  padding: 5px 12px;
+  display: inline-flex;
+  line-height: 1.5715;
+  height: 100%;
+  width: 100%;
 }
-
-.n1r5ku5l.ant-tag.ant-tag-gray {
-  font-weight: 700;
-  color: #00122e;
-  background-color: rgba(237, 241, 250, 0.6);
-  border: 1px solid rgba(211, 218, 235, 0.6);
+.at4ovwe .ant-input-number-input-wrap::after {
+  content: var(--at4ovwe-1);
+  display: var(--at4ovwe-2);
+  flex: none;
+  align-items: center;
+  margin-left: 4px;
+  color: rgba(44, 56, 82, 0.6);
 }
-
-.iwsze0q {
+.at4ovwe .ant-input-number-input-wrap::before {
+  content: var(--at4ovwe-3);
+  display: var(--at4ovwe-4);
+  flex: none;
+  align-items: center;
   margin-right: 4px;
-  height: 16px;
-}
-
-.w1xcixj5.outside-tag {
-  padding-left: 0;
+  cursor: auto;
+  color: rgba(44, 56, 82, 0.6);
 }
-.w1xcixj5.outside-tag .inside-tag {
-  border-radius: 4px 0 0 4px;
-  padding-right: 4px;
-  margin-right: 4px;
+.ant-input-group.ant-input-group-compact > .at4ovwe {
+  border-radius: 0;
 }
-
-.feau332.ant-form-item {
-  margin-bottom: 0;
+.at4ovwe.ant-input-number {
+  width: 100%;
+  border-radius: 6px;
 }
-.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;
+.at4ovwe.ant-input-number:not([disabled]):focus, .at4ovwe.ant-input-number:not([disabled]):active, .at4ovwe.ant-input-number:not([disabled]).ant-input-number-focused {
+  border-color: #0096ff;
+  box-shadow: 0px 0px 0px 4px rgba(0, 136, 255, 0.16);
+  z-index: 1;
 }
-.feau332.ant-form-item[class*=ant-form-item-has]:not(.ant-form-item-has-error-leave) {
-  white-space: pre-wrap;
+.at4ovwe.ant-input-number.error:not([disabled]):hover, .at4ovwe.ant-input-number.error:not([disabled]).ant-input-number-focused {
+  border-color: #e75a3a;
+  box-shadow: 0px 0px 0px 4px rgba(255, 74, 74, 0.16);
 }
-.feau332.ant-form-item[class*=ant-form-item-has]:not(.ant-form-item-has-error-leave) .ant-form-item-explain {
-  display: block;
+.at4ovwe .ant-input-number-input {
+  padding: 0;
+  margin: 0;
+  height: auto;
+  font-size: inherit;
 }
 
 .a6dbbkm .ant-input-number-handler-wrap {
@@ -33016,4 +33073,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;
 }