@cloudtower/eagle 0.34.29 → 0.34.30

package/dist/linaria.merged.scss

@@ -1,31 +1,3 @@
-.E_c18gxmrl {
-  border: 1px solid $gray-40;
-  border-radius: 4px;
-
-  & + & {
-    margin-top: 8px;
-  }
-
-  &:hover {
-    border-color: $blue-60;
-
-    > header {
-      background: rgba($blue-60, 0.1);
-    }
-  }
-
-  &.active {
-    header {
-      border-bottom: 1px solid $gray-40;
-    }
-  }
-
-  > header {
-    padding: 8px 12px;
-  }
-}
-
-
 .E_m74vjol {
   display: flex;
   justify-content: space-between;
@@ -51,62 +23,30 @@
 }
 
 
-.E_berrcjl {
-  color: $text-terdiary-light;
-  margin-bottom: 4px;
-
-  .breadcrumb-link {
-    color: $text-terdiary-light;
-    cursor: pointer;
-    transition: color 160ms ease;
+.E_c18gxmrl {
+  border: 1px solid $gray-40;
+  border-radius: 4px;
 
-    &:hover {
-      color: $blue-60;
-    }
-    &:active {
-      color: $blue-80;
-    }
+  & + & {
+    margin-top: 8px;
   }
-}
 
+  &:hover {
+    border-color: $blue-60;
 
-.E_b1nip9bk {
-  padding: 4px 11px;
-}
-
-.E_bqamoqe {
-  white-space: nowrap;
-  filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
-
-  & > .ant-btn {
-    &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
-      --color: #{$text-light-general};
-
-      &[disabled],
-      &:hover[disabled] {
-        --color: #{$text-light-general};
-      }
+    > header {
+      background: rgba($blue-60, 0.1);
     }
   }
 
-  & > .ant-btn:not(:only-child) {
-    & + .ant-btn {
-      margin-left: 1px;
-    }
-
-    &:first-child {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-
-    &:last-child {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
+  &.active {
+    header {
+      border-bottom: 1px solid $gray-40;
     }
+  }
 
-    &:not(:first-child, :last-child) {
-      border-radius: unset;
-    }
+  > header {
+    padding: 8px 12px;
   }
 }
 
@@ -469,6 +409,91 @@
 }
 
 
+.E_c1uzzomf {
+  margin-bottom: 16px;
+
+  .card-title {
+    font-size: 16px;
+    color: $text-secondary-light;
+    font-weight: 700;
+    line-height: 32px;
+  }
+  .card-body {
+    padding: 24px;
+    border-radius: 8px;
+    background: $fills-light-white;
+  }
+
+  .empty {
+    font-weight: 700;
+    font-size: 14px;
+    line-height: 22px;
+    color: $text-light-tertiary;
+    text-align: center;
+  }
+}
+
+
+.E_berrcjl {
+  color: $text-terdiary-light;
+  margin-bottom: 4px;
+
+  .breadcrumb-link {
+    color: $text-terdiary-light;
+    cursor: pointer;
+    transition: color 160ms ease;
+
+    &:hover {
+      color: $blue-60;
+    }
+    &:active {
+      color: $blue-80;
+    }
+  }
+}
+
+
+.E_b1nip9bk {
+  padding: 4px 11px;
+}
+
+.E_bqamoqe {
+  white-space: nowrap;
+  filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
+
+  & > .ant-btn {
+    &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
+      --color: #{$text-light-general};
+
+      &[disabled],
+      &:hover[disabled] {
+        --color: #{$text-light-general};
+      }
+    }
+  }
+
+  & > .ant-btn:not(:only-child) {
+    & + .ant-btn {
+      margin-left: 1px;
+    }
+
+    &:first-child {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+
+    &:last-child {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+
+    &:not(:first-child, :last-child) {
+      border-radius: unset;
+    }
+  }
+}
+
+
 .E_d133fzv0 {
   .ant-dropdown-menu-item-group {
     .ant-dropdown-menu-item-group-title {
@@ -487,27 +512,41 @@
 }
 
 
-.E_c1uzzomf {
-  margin-bottom: 16px;
+.E_iouxfgt {
+  display: inline-flex;
+  align-items: center;
 
-  .card-title {
-    font-size: 16px;
-    color: $text-secondary-light;
-    font-weight: 700;
-    line-height: 32px;
+  .icon-inner {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
   }
-  .card-body {
-    padding: 24px;
-    border-radius: 8px;
-    background: $fills-light-white;
+  .icon-inner + span,
+  span + .icon-inner.suffix {
+    margin-left: 4px;
+  }
+  &.is-rotate {
+    img,
+    svg {
+      animation: rotate 680ms linear infinite;
+    }
   }
+}
 
-  .empty {
-    font-weight: 700;
-    font-size: 14px;
-    line-height: 22px;
-    color: $text-light-tertiary;
-    text-align: center;
+
+.E_fzh9mnb {
+  width: 100%;
+  height: 100%;
+  min-height: 124px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+
+  .error-text {
+    color: $text-terdiary-light;
+    margin-bottom: 16px;
+    font-size: 18px;
   }
 }
 
@@ -567,27 +606,86 @@
 }
 
 
-.E_iouxfgt {
-  display: inline-flex;
-  align-items: center;
-
-  .icon-inner {
+.E_ai7qkf2 {
+  .ant-input-number-handler-wrap {
+    display: var(--ai7qkf2-0);
+  }
+  .ant-input-number-input-wrap {
     display: inline-flex;
-    align-items: center;
-    justify-content: center;
+    line-height: 1.5715;
+    height: 100%;
+    width: 100%;
   }
-  .icon-inner + span,
-  span + .icon-inner.suffix {
+
+  .ant-input-number-input-wrap::after {
+    content: var(--ai7qkf2-1);
+    display: var(--ai7qkf2-2);
+    flex: none;
+    align-items: center;
     margin-left: 4px;
+    padding: 5px 12px 5px 0;
+    color: rgba(44, 56, 82, 0.6);
   }
-  &.is-rotate {
-    img,
-    svg {
-      animation: rotate 680ms linear infinite;
-    }
-  }
-}
-
+
+  .ant-input-number-input-wrap::before {
+    content: var(--ai7qkf2-3);
+    display: var(--ai7qkf2-4);
+    flex: none;
+    align-items: center;
+    margin-right: 4px;
+    cursor: auto;
+    color: rgba(44, 56, 82, 0.6);
+  }
+
+  .ant-input-group.ant-input-group-compact > & {
+    border-radius: 0;
+  }
+
+  &.ant-input-number {
+    width: 100%;
+    border-radius: 6px;
+  }
+  &.ant-input-number:not([disabled]) {
+    &:focus,
+    &:active,
+    &.ant-input-number-focused {
+      &.ant-input-number {
+        border-color: $blue;
+        box-shadow: $shadow-light-active;
+        z-index: $input-hover-index;
+      }
+    }
+    &.error {
+      &:hover,
+      &.ant-input-number-focused {
+        &.ant-input-number {
+          border-color: $red;
+          box-shadow: $shadow-light-error;
+        }
+      }
+    }
+  }
+
+  .ant-input-number-input {
+    height: 30px;
+    border: 1px;
+    padding: 5px 12px;
+    font-size: inherit;
+  }
+
+  &.ant-input-number-lg input {
+    height: 38px;
+    border: 1px;
+    padding: 8px 16px;
+  }
+
+  &.ant-input-number-sm input {
+    height: 22px;
+    border: 1px;
+    padding: 2px 8px;
+  }
+}
+
 
 .E_f7pxqmh {
   width: 100%;
@@ -631,19 +729,19 @@
 }
 
 
-.E_fzh9mnb {
-  width: 100%;
-  height: 100%;
-  min-height: 124px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
+.E_atcz0kf {
+  .ant-input-suffix {
+    margin-left: 8px;
+  }
+  &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
+    padding: 2px 7px 2px 12px;
+  }
+}
 
-  .error-text {
-    color: $text-terdiary-light;
-    margin-bottom: 16px;
-    font-size: 18px;
+
+.E_sx1bpnu {
+  .ant-input-sm {
+    line-height: 18px;
   }
 }
 
@@ -739,16 +837,6 @@
 }
 
 
-.E_atcz0kf {
-  .ant-input-suffix {
-    margin-left: 8px;
-  }
-  &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
-    padding: 2px 7px 2px 12px;
-  }
-}
-
-
 .E_i1inqkme {
   height: 18px;
   line-height: 18px;
@@ -763,13 +851,6 @@
 }
 
 
-.E_sx1bpnu {
-  .ant-input-sm {
-    line-height: 18px;
-  }
-}
-
-
 .E_a1wfy30z {
   .ant-input-number-handler-wrap {
     display: var(--a1wfy30z-0);
@@ -807,94 +888,70 @@
 }
 
 
-.E_ai7qkf2 {
-  .ant-input-number-handler-wrap {
-    display: var(--ai7qkf2-0);
-  }
-  .ant-input-number-input-wrap {
-    display: inline-flex;
-    line-height: 1.5715;
-    height: 100%;
-    width: 100%;
-  }
+.E_phljevk {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 0;
+  color: $text-light-secondary;
+  font-size: 12px;
+  line-height: 24px;
 
-  .ant-input-number-input-wrap::after {
-    content: var(--ai7qkf2-1);
-    display: var(--ai7qkf2-2);
-    flex: none;
-    align-items: center;
-    margin-left: 4px;
-    padding: 5px 12px 5px 0;
-    color: rgba(44, 56, 82, 0.6);
+  .pagination-left {
+    padding: 2px 8px;
   }
 
-  .ant-input-number-input-wrap::before {
-    content: var(--ai7qkf2-3);
-    display: var(--ai7qkf2-4);
-    flex: none;
+  .dropdown-trigger {
+    display: flex;
     align-items: center;
-    margin-right: 4px;
-    cursor: auto;
-    color: rgba(44, 56, 82, 0.6);
-  }
+    border-radius: 6px;
+    cursor: pointer;
+    transition: all 0.3s ease;
 
-  .ant-input-group.ant-input-group-compact > & {
-    border-radius: 0;
+    &:hover {
+      background: $fills-interaction-light-general-hover;
+      color: $text-light-general;
+    }
+    .icon-inner {
+      margin-left: 4px;
+    }
   }
 
-  &.ant-input-number {
-    width: 100%;
-    border-radius: 6px;
-  }
-  &.ant-input-number:not([disabled]) {
-    &:focus,
-    &:active,
-    &.ant-input-number-focused {
-      &.ant-input-number {
-        border-color: $blue;
-        box-shadow: $shadow-light-active;
-        z-index: $input-hover-index;
-      }
+  .pagination-right {
+    display: flex;
+    align-items: center;
+    color: $blue-60;
+    font-weight: bold;
+    .icon-inner {
+      margin-left: 4px;
     }
-    &.error {
-      &:hover,
-      &.ant-input-number-focused {
-        &.ant-input-number {
-          border-color: $red;
-          box-shadow: $shadow-light-error;
-        }
+    .prev-btn,
+    .next-btn {
+      padding: 0 8px;
+      > span {
+        color: $text-light-general;
       }
     }
-  }
-
-  .ant-input-number-input {
-    height: 30px;
-    border: 1px;
-    padding: 5px 12px;
-    font-size: inherit;
-  }
-
-  &.ant-input-number-lg input {
-    height: 38px;
-    border: 1px;
-    padding: 8px 16px;
-  }
 
-  &.ant-input-number-sm input {
-    height: 22px;
-    border: 1px;
-    padding: 2px 8px;
+    .next-btn {
+      .icon-inner {
+        transform: rotate(180deg);
+      }
+    }
   }
 }
 
+.E_d12rtyeg {
+  &.ant-dropdown .ant-dropdown-menu {
+    max-height: calc(100vh - 128px);
+    overflow-y: auto;
 
-.E_owd0kml {
-  display: inline-block;
-}
-
-.E_h1jsgezc {
-  visibility: hidden;
-  position: absolute;
+    .ant-dropdown-menu-item {
+      padding: 4px 20px;
+      font-size: 12px;
+      line-height: 18px;
+    }
+  }
 }
 
 
@@ -1079,6 +1136,16 @@
 }
 
 
+.E_owd0kml {
+  display: inline-block;
+}
+
+.E_h1jsgezc {
+  visibility: hidden;
+  position: absolute;
+}
+
+
 .E_i11gg7mj {
   .ant-input-prefix {
     margin-right: 8px;
@@ -1111,126 +1178,15 @@
 }
 
 
-.E_phljevk {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 10px 0;
-  color: $text-light-secondary;
-  font-size: 12px;
-  line-height: 24px;
+.E_ivqqkzv {
+  height: 24px;
+  width: 56px !important;
+  margin-right: 4px;
+}
 
-  .pagination-left {
-    padding: 2px 8px;
-  }
-
-  .dropdown-trigger {
-    display: flex;
-    align-items: center;
-    border-radius: 6px;
-    cursor: pointer;
-    transition: all 0.3s ease;
-
-    &:hover {
-      background: $fills-interaction-light-general-hover;
-      color: $text-light-general;
-    }
-    .icon-inner {
-      margin-left: 4px;
-    }
-  }
-
-  .pagination-right {
-    display: flex;
-    align-items: center;
-    color: $blue-60;
-    font-weight: bold;
-    .icon-inner {
-      margin-left: 4px;
-    }
-    .prev-btn,
-    .next-btn {
-      padding: 0 8px;
-      > span {
-        color: $text-light-general;
-      }
-    }
-
-    .next-btn {
-      .icon-inner {
-        transform: rotate(180deg);
-      }
-    }
-  }
-}
-
-.E_d12rtyeg {
-  &.ant-dropdown .ant-dropdown-menu {
-    max-height: calc(100vh - 128px);
-    overflow-y: auto;
-
-    .ant-dropdown-menu-item {
-      padding: 4px 20px;
-      font-size: 12px;
-      line-height: 18px;
-    }
-  }
-}
-
-
-.E_ivqqkzv {
-  height: 24px;
-  width: 56px !important;
-  margin-right: 4px;
-}
-
-.E_c1wk4q29 {
-              color: $text-secondary-light;
-            }
-
-
-.E_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);
-
-  .circle-inner {
-    position: relative;
-    height: 10px;
-    width: 10px;
-    border-radius: 50%;
-    overflow: hidden;
-  }
-
-  .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);
-  }
-
-  .circle-child {
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    left: 0;
-    top: 0;
-    margin-left: 50%;
-    transform-origin: left;
-    background: white;
-    transform: rotate(0deg);
-  }
-}
+.E_c1wk4q29 {
+              color: $text-secondary-light;
+            }
 
 
 .E_cnujxq2 {
@@ -2046,465 +2002,169 @@
 }
 
 
-.E_s1dizucg {
-  &.ant-switch {
-    min-width: 40px;
-    height: 24px;
-    background: $fills-trans-quinary-light;
-    overflow: hidden;
-    &:focus {
-      box-shadow: 0 0 0 2px $strokes-light-trans-1;
-    }
-  }
-  &.ant-switch-small {
-    min-width: 26px;
-    height: 16px;
-  }
-  &.ant-switch-large {
-    min-width: 52px;
-    height: 32px;
-  }
+.E_dsnbhzf {
+  @include Inter(bold);
+  font-size: 32px;
+  line-height: 40px;
+}
 
-  &.ant-switch .ant-switch-handle {
-    height: 20px;
-    width: 20px;
-    &::before {
-      border-radius: 10px;
-      transition-delay: 120ms;
-    }
-  }
-  &.ant-switch-small .ant-switch-handle {
-    height: 14px;
-    width: 14px;
-    top: 1px;
-    left: 1px;
-  }
-  &.ant-switch-large .ant-switch-handle {
-    height: 28px;
-    width: 28px;
-    &::before {
-      border-radius: 14px;
-    }
-  }
+.E_d1mvo22k {
+  @include Inter(bold);
+  font-size: 24px;
+  line-height: 32px;
+}
 
-  &.ant-switch-checked {
-    background-color: $green-60;
-  }
-  &.ant-switch-checked .ant-switch-handle {
-    left: calc(100% - 20px - 2px);
-  }
-  &.ant-switch-small.ant-switch-checked .ant-switch-handle {
-    left: calc(100% - 14px - 1px);
-  }
-  &.ant-switch-large.ant-switch-checked .ant-switch-handle {
-    left: calc(100% - 28px - 2px);
-  }
+.E_d1b444tr {
+  @include Inter();
+  font-size: 32px;
+  line-height: 40px;
 }
 
-.E_c1up6e3y {
-    margin-left: 5px;
-  }
+.E_dvs0kue {
+  @include Inter(bold);
+  font-size: 20px;
+  line-height: 24px;
+}
 
+.E_d1hcbfcq {
+  @include Inter();
+  font-size: 20px;
+  line-height: 24px;
+}
 
-.E_tju3gfj {
-  .date {
-    margin-right: 4px;
-  }
+.E_d1cz922v {
+  @include Inter(bold);
+  font-size: 18px;
+  line-height: 22px;
 }
 
+.E_d3nzbrm {
+  @include Inter();
+  font-size: 18px;
+  line-height: 22px;
+}
 
-.E_s1dni7lo {
-  width: 430px !important;
+.E_h1g0p5ob {
+  @include Inter(bold);
+  font-size: 16px;
+  line-height: 22px;
 }
 
-.E_d1wwmmm5 {
-  .ant-select-item-group {
-    padding: 8px 16px;
-    line-height: 18px;
-    border-top: 1px solid rgba(211, 218, 235, 0.6);
-    height: 34px;
-    min-height: 34px;
-    box-sizing: border-box;
-    margin-top: 8px;
-  }
+.E_hydo2ej {
+  @include Inter();
+  font-size: 16px;
+  line-height: 22px;
 }
 
-.E_o1ugr09p {
-    display: flex;
-    flex-direction: column;
-    margin: 1px 8px;
-    padding: 8px;
-    border-radius: 4px;
+.E_h1hbuq0r {
+  @include Inter(bold);
+  font-size: 14px;
+  line-height: 20px;
+}
 
-    .selected-icon {
-      display: none;
-    }
+.E_h13bondg {
+  @include Inter();
+  font-size: 14px;
+  line-height: 20px;
+}
 
-    &.ant-select-item-option-grouped {
-      padding-left: 8px;
-    }
+.E_h1mhvdlx {
+  @include Inter(bold);
+  font-size: 12px;
+  line-height: 18px;
+}
 
-    &.ant-select-item-option-selected {
-      background-color: white;
-      .timezone-title {
-        color: #0080ff;
-      }
-      .selected-icon {
-        display: block;
-      }
-    }
+.E_h1inmfq6 {
+  @include Inter();
+  font-size: 12px;
+  line-height: 18px;
+}
 
-    &.ant-select-item-option-active {
-      background: rgba(0, 136, 255, 0.16);
-      .timezone-title {
-        color: #0080ff;
-      }
-      .timezone-tag {
-        background: rgba(0, 136, 255, 0.1);
-        color: #0080ff;
-      }
-    }
-  }
-
-.E_o1ifxsq4 {
-    display: flex;
-    justify-content: space-between;
-    height: 20px;
-    line-height: 20px;
-
-    .timezone-title {
-      color: #2d3a56;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-
-.E_o1zue7 {
-    display: flex;
-    justify-content: space-between;
-    color: $text-light-secondary;
-    height: 18px;
-    line-height: 18px;
-    margin-top: 2px;
-  }
-
-.E_tyfmlxg {
-  border: none;
-  margin-right: 0;
-  background: rgba(225, 230, 241, 0.6);
-}
-
-.E_o18uybox {
-  pointer-events: none;
-  height: 32px;
-  width: 100%;
-  opacity: 0;
-}
-
-
-.E_t1m2x205 {
-  .ant-tooltip-arrow {
-    display: none;
-  }
-  .ant-tooltip-inner {
-    background: $gray-a80-9;
-    border-radius: 4px;
-    &:has(.eagle-ellipsis-content) {
-      visibility: hidden;
-    }
-  }
-}
-
-
-.E_s1sck0th {
-    padding: 0 8px;
-    border-radius: 4px;
-  }
-
-.E_m855nr1 {
-    padding: 2px 8px;
-    border-radius: 3px;
-  }
-
-.E_l1270xpg {
-    padding: 3px 8px;
-    border-radius: 2px;
-  }
-
-.E_t14rextb {
-  &.ant-tag:hover {
-    opacity: unset;
-  }
-  &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
-    margin: 0;
-    margin-right: 8px;
-    display: inline-flex;
-    align-items: center;
-    border: none;
-    & .ant-tag-close-icon {
-      width: 16px;
-      height: 16px;
-      color: inherit;
-      margin-left: 4px;
-      opacity: 0.6;
-      display: inline-flex;
-      &:hover {
-        opacity: 1;
-      }
-    }
-    &.ant-tag-blue {
-      color: $fills-light-general-general;
-      background-color: $fills-light-general-general-light;
-    }
-    &.ant-tag-red {
-      color: $fills-light-serious-serious;
-      background-color: $fills-light-serious-serious-light;
-    }
-    &.ant-tag-yellow {
-      color: $fills-light-notice-notice-dark;
-      background-color: $fills-light-notice-notice-light;
-    }
-    &.ant-tag-green {
-      color: $fills-light-positive-positive-dark;
-      background-color: $fills-light-positive-positive-light;
-    }
-    &.ant-tag-gray {
-      color: $text-light-super;
-      background-color: $fills-element-light-container-general;
-    }
-    &.ant-tag-purple {
-      color: $text-colorful-purple;
-      background-color: $fill-purple-light;
-    }
-
-    &.ui-kit-token-checked {
-      color: $text-light-on-tint;
-      &.ant-tag-red {
-        background-color: $fills-light-serious-serious;
-      }
-      &.ant-tag-yellow {
-        background-color: $fills-light-notice-notice;
-      }
-      &.ant-tag-green {
-        background-color: $fills-light-positive-positive;
-      }
-      &.ant-tag-blue {
-        background-color: $fills-light-general-general;
-      }
-      &.ant-tag-gray {
-        background-color: $gray-70;
-      }
-      &.ant-tag-purple {
-        background-color: $fill-purple-base;
-      }
-    }
-  }
-}
-
-
-.E_ccrbeuz {
-  .ant-collapse-item {
-    border: 0px;
-    background-color: $fills-light-white;
-
-    .ant-collapse-header {
-      padding-top: 0px;
-      padding-bottom: 0px;
-      padding-left: 0px !important;
-      padding-right: 24px;
-      .ant-collapse-arrow {
-        right: 0px;
-      }
-    }
-    .ant-collapse-content {
-      .ant-collapse-content-box {
-        padding: 0px;
-      }
-    }
-  }
-}
-
-.E_c1fljvag {
-  .ant-collapse-item {
-    .ant-collapse-header {
-      padding-right: 0px;
-      cursor: default;
-    }
-  }
+.E_h1kfc0la {
+  @include Inter(bold);
+  @include Uppercase();
+  font-size: 12px;
+  line-height: 18px;
 }
 
-
-.E_c1yyuluq {
-  border-radius: 8px;
-  .ant-card-body {
-    padding: 20px 24px 24px 24px;
-  }
+.E_h10xnyuu {
+  @include Inter();
+  @include Uppercase();
+  font-size: 12px;
+  line-height: 18px;
 }
 
-
-.E_dsnbhzf {
-  @include Inter(bold);
-  font-size: 32px;
-  line-height: 40px;
+.E_lrcmi0v {
+  @include Inter();
+  font-size: 16px;
+  line-height: 24px;
 }
 
-.E_d1mvo22k {
+.E_lzt43lp {
   @include Inter(bold);
-  font-size: 24px;
-  line-height: 32px;
+  font-size: 16px;
+  line-height: 24px;
 }
 
-.E_d1b444tr {
+.E_l5yc9nt {
   @include Inter();
-  font-size: 32px;
-  line-height: 40px;
+  font-size: 16px;
+  line-height: 24px;
 }
 
-.E_dvs0kue {
+.E_l1fbkbzo {
   @include Inter(bold);
-  font-size: 20px;
+  font-size: 16px;
   line-height: 24px;
 }
 
-.E_d1hcbfcq {
+.E_lahvcax {
   @include Inter();
-  font-size: 20px;
+  @include Uppercase();
+  font-size: 16px;
   line-height: 24px;
 }
 
-.E_d1cz922v {
+.E_l11q3pxd {
   @include Inter(bold);
-  font-size: 18px;
-  line-height: 22px;
+  @include Uppercase();
+  font-size: 16px;
+  line-height: 24px;
 }
 
-.E_d3nzbrm {
+.E_lfuc2qu {
   @include Inter();
-  font-size: 18px;
+  font-size: 14px;
   line-height: 22px;
 }
 
-.E_h1g0p5ob {
+.E_l1jmp8r0 {
+  @include Inter(500);
+  font-size: 14px;
+  line-height: 22px;
+}
+
+.E_lcnm221 {
   @include Inter(bold);
-  font-size: 16px;
+  font-size: 14px;
   line-height: 22px;
 }
 
-.E_hydo2ej {
+.E_lu1z2n5 {
   @include Inter();
-  font-size: 16px;
+  font-size: 14px;
   line-height: 22px;
 }
 
-.E_h1hbuq0r {
+.E_l1r59djn {
   @include Inter(bold);
   font-size: 14px;
-  line-height: 20px;
+  line-height: 22px;
 }
 
-.E_h13bondg {
+.E_ljm2911 {
   @include Inter();
-  font-size: 14px;
-  line-height: 20px;
-}
-
-.E_h1mhvdlx {
-  @include Inter(bold);
-  font-size: 12px;
-  line-height: 18px;
-}
-
-.E_h1inmfq6 {
-  @include Inter();
-  font-size: 12px;
-  line-height: 18px;
-}
-
-.E_h1kfc0la {
-  @include Inter(bold);
-  @include Uppercase();
-  font-size: 12px;
-  line-height: 18px;
-}
-
-.E_h10xnyuu {
-  @include Inter();
-  @include Uppercase();
-  font-size: 12px;
-  line-height: 18px;
-}
-
-.E_lrcmi0v {
-  @include Inter();
-  font-size: 16px;
-  line-height: 24px;
-}
-
-.E_lzt43lp {
-  @include Inter(bold);
-  font-size: 16px;
-  line-height: 24px;
-}
-
-.E_l5yc9nt {
-  @include Inter();
-  font-size: 16px;
-  line-height: 24px;
-}
-
-.E_l1fbkbzo {
-  @include Inter(bold);
-  font-size: 16px;
-  line-height: 24px;
-}
-
-.E_lahvcax {
-  @include Inter();
-  @include Uppercase();
-  font-size: 16px;
-  line-height: 24px;
-}
-
-.E_l11q3pxd {
-  @include Inter(bold);
-  @include Uppercase();
-  font-size: 16px;
-  line-height: 24px;
-}
-
-.E_lfuc2qu {
-  @include Inter();
-  font-size: 14px;
-  line-height: 22px;
-}
-
-.E_l1jmp8r0 {
-  @include Inter(500);
-  font-size: 14px;
-  line-height: 22px;
-}
-
-.E_lcnm221 {
-  @include Inter(bold);
-  font-size: 14px;
-  line-height: 22px;
-}
-
-.E_lu1z2n5 {
-  @include Inter();
-  font-size: 14px;
-  line-height: 22px;
-}
-
-.E_l1r59djn {
-  @include Inter(bold);
-  font-size: 14px;
-  line-height: 22px;
-}
-
-.E_ljm2911 {
-  @include Inter();
-  @include Uppercase();
+  @include Uppercase();
   font-size: 14px;
   line-height: 22px;
 }
@@ -2696,102 +2356,442 @@
 }
 
 
-.E_iq1gosr {
-  display: inline-block;
+.E_tju3gfj {
+  .date {
+    margin-right: 4px;
+  }
 }
 
 
-.E_m196gn1d {
-  min-width: 1280px;
+.E_s1dni7lo {
+  width: 430px !important;
 }
 
-
-.E_a1b5xrg3 {
-  .user-icon-inner {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    color: $white;
-    font-weight: bold;
-    font-size: 12px;
-    width: 24px;
-    height: 24px;
-    border-radius: 50%;
-    background: var(--a1b5xrg3-0);
+.E_d1wwmmm5 {
+  .ant-select-item-group {
+    padding: 8px 16px;
+    line-height: 18px;
+    border-top: 1px solid rgba(211, 218, 235, 0.6);
+    height: 34px;
+    min-height: 34px;
+    box-sizing: border-box;
+    margin-top: 8px;
   }
-  &.btn-item {
-    transition: all 160ms ease;
-    cursor: pointer;
-    width: 56px;
-    height: 40px;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 6px;
+}
 
-    &:hover {
-      box-shadow:
-        0px 0px 20px rgba(107, 125, 153, 0.18),
-        0px 25px 80px rgba(45, 58, 86, 0.3);
+.E_o1ugr09p {
+    display: flex;
+    flex-direction: column;
+    margin: 1px 8px;
+    padding: 8px;
+    border-radius: 4px;
+
+    .selected-icon {
+      display: none;
     }
 
-    &:active {
-      transform: translateY(2px);
-      transition: all 320ms ease;
+    &.ant-select-item-option-grouped {
+      padding-left: 8px;
     }
-  }
-}
 
+    &.ant-select-item-option-selected {
+      background-color: white;
+      .timezone-title {
+        color: #0080ff;
+      }
+      .selected-icon {
+        display: block;
+      }
+    }
 
-.E_b1lj76ty {
-  width: 100%;
-  height: 100%;
-  margin: 0 auto;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  color: $gray-a30-10;
-  &.large {
-    max-width: 648px;
-  }
-  &.medium {
-    max-width: 412px;
-  }
-  &.gray {
-    background-color: $fills-trans-primary-light;
-  }
-  &.white {
-    background-color: $fills-light-light-white;
-  }
-  .title {
-    margin-bottom: 4px;
-  }
-  .title,
-  .desc {
-    word-break: break-all;
-    text-align: center;
+    &.ant-select-item-option-active {
+      background: rgba(0, 136, 255, 0.16);
+      .timezone-title {
+        color: #0080ff;
+      }
+      .timezone-tag {
+        background: rgba(0, 136, 255, 0.1);
+        color: #0080ff;
+      }
+    }
   }
-  .action-button.middle {
-    margin-top: 16px;
+
+.E_o1ifxsq4 {
+    display: flex;
+    justify-content: space-between;
+    height: 20px;
+    line-height: 20px;
+
+    .timezone-title {
+      color: #2d3a56;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
   }
-  .action-button.small {
-    margin-top: 8px;
+
+.E_o1zue7 {
+    display: flex;
+    justify-content: space-between;
+    color: $text-light-secondary;
+    height: 18px;
+    line-height: 18px;
+    margin-top: 2px;
   }
-}
 
+.E_tyfmlxg {
+  border: none;
+  margin-right: 0;
+  background: rgba(225, 230, 241, 0.6);
+}
 
-.E_hrhfj7c {
-  display: none;
+.E_o18uybox {
+  pointer-events: none;
+  height: 32px;
+  width: 100%;
+  opacity: 0;
 }
 
-.E_dt9qoak {
-  .bottom {
-    color: $text-neutral-secondary;
-  }
-  .left {
-    min-width: 0;
-  }
+
+.E_iq1gosr {
+  display: inline-block;
+}
+
+
+.E_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);
+
+  .circle-inner {
+    position: relative;
+    height: 10px;
+    width: 10px;
+    border-radius: 50%;
+    overflow: hidden;
+  }
+
+  .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);
+  }
+
+  .circle-child {
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    left: 0;
+    top: 0;
+    margin-left: 50%;
+    transform-origin: left;
+    background: white;
+    transform: rotate(0deg);
+  }
+}
+
+
+.E_s1sck0th {
+    padding: 0 8px;
+    border-radius: 4px;
+  }
+
+.E_m855nr1 {
+    padding: 2px 8px;
+    border-radius: 3px;
+  }
+
+.E_l1270xpg {
+    padding: 3px 8px;
+    border-radius: 2px;
+  }
+
+.E_t14rextb {
+  &.ant-tag:hover {
+    opacity: unset;
+  }
+  &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
+    margin: 0;
+    margin-right: 8px;
+    display: inline-flex;
+    align-items: center;
+    border: none;
+    & .ant-tag-close-icon {
+      width: 16px;
+      height: 16px;
+      color: inherit;
+      margin-left: 4px;
+      opacity: 0.6;
+      display: inline-flex;
+      &:hover {
+        opacity: 1;
+      }
+    }
+    &.ant-tag-blue {
+      color: $fills-light-general-general;
+      background-color: $fills-light-general-general-light;
+    }
+    &.ant-tag-red {
+      color: $fills-light-serious-serious;
+      background-color: $fills-light-serious-serious-light;
+    }
+    &.ant-tag-yellow {
+      color: $fills-light-notice-notice-dark;
+      background-color: $fills-light-notice-notice-light;
+    }
+    &.ant-tag-green {
+      color: $fills-light-positive-positive-dark;
+      background-color: $fills-light-positive-positive-light;
+    }
+    &.ant-tag-gray {
+      color: $text-light-super;
+      background-color: $fills-element-light-container-general;
+    }
+    &.ant-tag-purple {
+      color: $text-colorful-purple;
+      background-color: $fill-purple-light;
+    }
+
+    &.ui-kit-token-checked {
+      color: $text-light-on-tint;
+      &.ant-tag-red {
+        background-color: $fills-light-serious-serious;
+      }
+      &.ant-tag-yellow {
+        background-color: $fills-light-notice-notice;
+      }
+      &.ant-tag-green {
+        background-color: $fills-light-positive-positive;
+      }
+      &.ant-tag-blue {
+        background-color: $fills-light-general-general;
+      }
+      &.ant-tag-gray {
+        background-color: $gray-70;
+      }
+      &.ant-tag-purple {
+        background-color: $fill-purple-base;
+      }
+    }
+  }
+}
+
+
+.E_t1m2x205 {
+  .ant-tooltip-arrow {
+    display: none;
+  }
+  .ant-tooltip-inner {
+    background: $gray-a80-9;
+    border-radius: 4px;
+    &:has(.eagle-ellipsis-content) {
+      visibility: hidden;
+    }
+  }
+}
+
+
+.E_s1dizucg {
+  &.ant-switch {
+    min-width: 40px;
+    height: 24px;
+    background: $fills-trans-quinary-light;
+    overflow: hidden;
+    &:focus {
+      box-shadow: 0 0 0 2px $strokes-light-trans-1;
+    }
+  }
+  &.ant-switch-small {
+    min-width: 26px;
+    height: 16px;
+  }
+  &.ant-switch-large {
+    min-width: 52px;
+    height: 32px;
+  }
+
+  &.ant-switch .ant-switch-handle {
+    height: 20px;
+    width: 20px;
+    &::before {
+      border-radius: 10px;
+      transition-delay: 120ms;
+    }
+  }
+  &.ant-switch-small .ant-switch-handle {
+    height: 14px;
+    width: 14px;
+    top: 1px;
+    left: 1px;
+  }
+  &.ant-switch-large .ant-switch-handle {
+    height: 28px;
+    width: 28px;
+    &::before {
+      border-radius: 14px;
+    }
+  }
+
+  &.ant-switch-checked {
+    background-color: $green-60;
+  }
+  &.ant-switch-checked .ant-switch-handle {
+    left: calc(100% - 20px - 2px);
+  }
+  &.ant-switch-small.ant-switch-checked .ant-switch-handle {
+    left: calc(100% - 14px - 1px);
+  }
+  &.ant-switch-large.ant-switch-checked .ant-switch-handle {
+    left: calc(100% - 28px - 2px);
+  }
+}
+
+.E_c1up6e3y {
+    margin-left: 5px;
+  }
+
+
+.E_c1yyuluq {
+  border-radius: 8px;
+  .ant-card-body {
+    padding: 20px 24px 24px 24px;
+  }
+}
+
+
+.E_ccrbeuz {
+  .ant-collapse-item {
+    border: 0px;
+    background-color: $fills-light-white;
+
+    .ant-collapse-header {
+      padding-top: 0px;
+      padding-bottom: 0px;
+      padding-left: 0px !important;
+      padding-right: 24px;
+      .ant-collapse-arrow {
+        right: 0px;
+      }
+    }
+    .ant-collapse-content {
+      .ant-collapse-content-box {
+        padding: 0px;
+      }
+    }
+  }
+}
+
+.E_c1fljvag {
+  .ant-collapse-item {
+    .ant-collapse-header {
+      padding-right: 0px;
+      cursor: default;
+    }
+  }
+}
+
+
+.E_a1b5xrg3 {
+  .user-icon-inner {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    color: $white;
+    font-weight: bold;
+    font-size: 12px;
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    background: var(--a1b5xrg3-0);
+  }
+  &.btn-item {
+    transition: all 160ms ease;
+    cursor: pointer;
+    width: 56px;
+    height: 40px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 6px;
+
+    &:hover {
+      box-shadow:
+        0px 0px 20px rgba(107, 125, 153, 0.18),
+        0px 25px 80px rgba(45, 58, 86, 0.3);
+    }
+
+    &:active {
+      transform: translateY(2px);
+      transition: all 320ms ease;
+    }
+  }
+}
+
+
+.E_m196gn1d {
+  min-width: 1280px;
+}
+
+
+.E_b1lj76ty {
+  width: 100%;
+  height: 100%;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: $gray-a30-10;
+  &.large {
+    max-width: 648px;
+  }
+  &.medium {
+    max-width: 412px;
+  }
+  &.gray {
+    background-color: $fills-trans-primary-light;
+  }
+  &.white {
+    background-color: $fills-light-light-white;
+  }
+  .title {
+    margin-bottom: 4px;
+  }
+  .title,
+  .desc {
+    word-break: break-all;
+    text-align: center;
+  }
+  .action-button.middle {
+    margin-top: 16px;
+  }
+  .action-button.small {
+    margin-top: 8px;
+  }
+}
+
+
+.E_hrhfj7c {
+  display: none;
+}
+
+.E_dt9qoak {
+  .bottom {
+    color: $text-neutral-secondary;
+  }
+  .left {
+    min-width: 0;
+  }
 }
 
 .E_crhnxq5 {
@@ -3006,38 +3006,6 @@
 }
 
 
-.E_m5foqp8 {
-  --footer-height: 96px;
-  --modal-content-width: 720px;
-  --modal-content-min-height: 200px;
-  --modal-header-padding: 40px 60px 8px;
-  --modal-content-padding-top: 24px;
-  --modal-content-padding-bottom: 32px;
-  --modal-content-padding-x: 60px;
-  --modal-footer-padding: 0 60px;
-
-  &.content-full.ant-modal {
-    height: calc(100vh - 80px);
-    width: calc(100vw - 160px);
-    .ant-modal-content {
-      width: 100%;
-      height: 100%;
-      max-width: unset;
-      max-height: unset;
-      display: flex;
-      flex-direction: column;
-    }
-    .ant-modal-body {
-      flex: 1;
-    }
-  }
-
-  .initializing-title {
-    height: 32px;
-  }
-}
-
-
 .E_s17wv897 {
   &.ant-select,
   &.ant-select div.ant-select-selector {
@@ -3140,6 +3108,38 @@
 }
 
 
+.E_m5foqp8 {
+  --footer-height: 96px;
+  --modal-content-width: 720px;
+  --modal-content-min-height: 200px;
+  --modal-header-padding: 40px 60px 8px;
+  --modal-content-padding-top: 24px;
+  --modal-content-padding-bottom: 32px;
+  --modal-content-padding-x: 60px;
+  --modal-footer-padding: 0 60px;
+
+  &.content-full.ant-modal {
+    height: calc(100vh - 80px);
+    width: calc(100vw - 160px);
+    .ant-modal-content {
+      width: 100%;
+      height: 100%;
+      max-width: unset;
+      max-height: unset;
+      display: flex;
+      flex-direction: column;
+    }
+    .ant-modal-body {
+      flex: 1;
+    }
+  }
+
+  .initializing-title {
+    height: 32px;
+  }
+}
+
+
 .E_s4ivdfu {
   &.ant-select {
     .ant-select-selection-placeholder {
@@ -3664,6 +3664,27 @@
 }
 
 
+.E_r77hffu {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  column-gap: 6px;
+}
+
+.E_p1cmxsf7 {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  row-gap: var(--p1cmxsf7-0);
+
+  .antd5-progress-line {
+    font-size: 0;
+    margin-bottom: unset;
+    margin-inline-end: unset;
+  }
+}
+
+
 .E_s11wux3h {
   .antd5-segmented-item:not(:last-child) {
     margin-right: 2px;
@@ -3723,32 +3744,56 @@
 }
 
 
-.E_r77hffu {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  column-gap: 6px;
+.E_c1yd35n {
+  padding: 0 12px 14px 12px;
 }
 
-.E_p1cmxsf7 {
+
+.E_c1kghdax {
+  color: $text-primary-light;
+  padding: 7px 12px;
   display: flex;
-  flex-direction: column;
-  justify-content: center;
-  row-gap: var(--p1cmxsf7-0);
+  justify-content: space-between;
+  align-items: center;
 
-  .antd5-progress-line {
-    font-size: 0;
-    margin-bottom: unset;
-    margin-inline-end: unset;
+  &.has-arrow {
+    padding-left: 10px;
+
+    .title-wrapper {
+      cursor: pointer;
+      color: $text-light-primary;
+
+      &.is-open {
+        color: $text-primary-light;
+        font-weight: 600;
+
+        .collapse-arrow {
+          transform: rotate(90deg);
+        }
+      }
+    }
   }
-}
 
+  .sub-info {
+    font-size: 12px;
+    line-height: 18px;
+  }
 
-.E_ckui4s7 {
-  color: $text-primary-light;
-  line-height: 22px;
-  display: inline-flex;
-  .ant-checkbox {   height: 22px;   display: flex;   align-items: center;   top: 0; } .ant-checkbox-checked::after {   border: none; } &.ant-checkbox-wrapper:hover .ant-checkbox-inner, &.ant-checkbox-wrapper.__pseudo-states-hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner {   border-color: $fills-light-general-general; } .ant-checkbox .ant-checkbox-inner {   border: 1px solid $strokes-light-trans-4; } .ant-checkbox.ant-checkbox-checked, .ant-checkbox.ant-checkbox-indeterminate {   .ant-checkbox-inner {     border: 1px solid $fills-light-general-general;   } } .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner {   background: $fills-light-general-general;   &:after {     background-color: $white;     height: 2px;     width: 10px;     border-radius: 2px;   } } &.ant-checkbox-wrapper-disabled {   opacity: 0.5;   .ant-checkbox-disabled .ant-checkbox-inner {     background: $fills-light-trans-3;     border-color: $strokes-light-trans-4 !important;   }   .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {     border-color: $text-primary-light;   }   .ant-checkbox-disabled.ant-checkbox-indeterminate     .ant-checkbox-inner:after {     background: $text-primary-light;   } } .ant-checkbox + span, .ant-checkbox-disabled + span {   padding: 0;   .main {     display: inline-block;     margin-left: 12px;     color: $text-primary-light;   }   .sub {     margin-left: 28px;     color: $text-secondary-light;   } } &.compact {   .ant-checkbox + span,   .ant-checkbox-disabled + span {     .main {       margin-left: 8px;     }     .sub {       margin-left: 24px;     }   } }
+  .title-wrapper {
+    display: flex;
+    align-items: center;
+    user-select: none;
+    flex-grow: 1;
+    font-size: 12px;
+    line-height: 18px;
+    color: $text-primary-light;
+    font-weight: 700;
+  }
+
+  .collapse-arrow {
+    transition: all 50ms ease-out 0ms;
+    margin-right: 2px;
+  }
 }
 
 
@@ -3953,6 +3998,14 @@
 }
 
 
+.E_ckui4s7 {
+  color: $text-primary-light;
+  line-height: 22px;
+  display: inline-flex;
+  .ant-checkbox {   height: 22px;   display: flex;   align-items: center;   top: 0; } .ant-checkbox-checked::after {   border: none; } &.ant-checkbox-wrapper:hover .ant-checkbox-inner, &.ant-checkbox-wrapper.__pseudo-states-hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner {   border-color: $fills-light-general-general; } .ant-checkbox .ant-checkbox-inner {   border: 1px solid $strokes-light-trans-4; } .ant-checkbox.ant-checkbox-checked, .ant-checkbox.ant-checkbox-indeterminate {   .ant-checkbox-inner {     border: 1px solid $fills-light-general-general;   } } .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner {   background: $fills-light-general-general;   &:after {     background-color: $white;     height: 2px;     width: 10px;     border-radius: 2px;   } } &.ant-checkbox-wrapper-disabled {   opacity: 0.5;   .ant-checkbox-disabled .ant-checkbox-inner {     background: $fills-light-trans-3;     border-color: $strokes-light-trans-4 !important;   }   .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {     border-color: $text-primary-light;   }   .ant-checkbox-disabled.ant-checkbox-indeterminate     .ant-checkbox-inner:after {     background: $text-primary-light;   } } .ant-checkbox + span, .ant-checkbox-disabled + span {   padding: 0;   .main {     display: inline-block;     margin-left: 12px;     color: $text-primary-light;   }   .sub {     margin-left: 28px;     color: $text-secondary-light;   } } &.compact {   .ant-checkbox + span,   .ant-checkbox-disabled + span {     .main {       margin-left: 8px;     }     .sub {       margin-left: 24px;     }   } }
+}
+
+
 .E_b14q2gmw {
   box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
     0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
@@ -3980,59 +4033,6 @@
 }
 
 
-.E_c1yd35n {
-  padding: 0 12px 14px 12px;
-}
-
-
-.E_c1kghdax {
-  color: $text-primary-light;
-  padding: 7px 12px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-
-  &.has-arrow {
-    padding-left: 10px;
-
-    .title-wrapper {
-      cursor: pointer;
-      color: $text-light-primary;
-
-      &.is-open {
-        color: $text-primary-light;
-        font-weight: 600;
-
-        .collapse-arrow {
-          transform: rotate(90deg);
-        }
-      }
-    }
-  }
-
-  .sub-info {
-    font-size: 12px;
-    line-height: 18px;
-  }
-
-  .title-wrapper {
-    display: flex;
-    align-items: center;
-    user-select: none;
-    flex-grow: 1;
-    font-size: 12px;
-    line-height: 18px;
-    color: $text-primary-light;
-    font-weight: 700;
-  }
-
-  .collapse-arrow {
-    transition: all 50ms ease-out 0ms;
-    margin-right: 2px;
-  }
-}
-
-
 .E_l1ucdodl {
   $prefix: ui-kit-status-legend;
   margin: 0;
@@ -4188,62 +4188,6 @@
 }
 
 
-.E_lht19u8 {
-  width: 64px;
-  height: 64px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  opacity: 0.2;
-}
-
-.E_lk3gkp4 {
-  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;
-}
-
-.E_ll4n94n {
-  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;
-}
-
-.E_l17lbdo6 {
-  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;
-}
-
-
 .E_m11nzl2x {
   color: $text-light-secondary;
   text-align: center;
@@ -4482,6 +4426,62 @@
 }
 
 
+.E_lht19u8 {
+  width: 64px;
+  height: 64px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  opacity: 0.2;
+}
+
+.E_lk3gkp4 {
+  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;
+}
+
+.E_ll4n94n {
+  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;
+}
+
+.E_l17lbdo6 {
+  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;
+}
+
+
 .E_msn7nxt {
   color: $text-light-secondary;
   text-align: center;
@@ -5453,6 +5453,12 @@
 }
 
 
+.E_i1g85yz3 {
+  margin-right: 4px;
+  height: 16px;
+}
+
+
 .E_t1dtlqs1 {
   margin-bottom: 4px;
   color: $text-secondary-light;
@@ -5671,12 +5677,6 @@
 }
 
 
-.E_i1g85yz3 {
-  margin-right: 4px;
-  height: 16px;
-}
-
-
 .E_t13ef470 {
   height: 100%;
   .table-loading-item {
@@ -6538,6 +6538,70 @@
 }
 
 
+.E_n12mqh7z {
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+  line-height: 18px;
+
+  &:not(:last-child) {
+    margin-bottom: 4px;
+  }
+}
+
+.E_tf5bynu {
+  margin: 0 3px;
+}
+
+.E_tcckoz1 {
+  max-height: 400px;
+  overflow: auto;
+}
+
+
+.E_gmyahx3 {
+  cursor: pointer;
+
+  .link-text {
+    color: $text-light-tertiary;
+  }
+
+  &:hover .link-text {
+    color: $text-light-general;
+  }
+}
+
+
+.E_ou7iq30 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.E_s1tui002 {
+  white-space: nowrap;
+}
+
+.E_mxrc2zg {
+  display: -webkit-box;
+  -webkit-line-clamp: var(--mxrc2zg-0);
+  -webkit-box-orient: vertical;
+  word-break: break-all;
+}
+
+.E_t1vv6d68 {
+  .ant-tooltip-arrow {
+    display: none;
+  }
+  .ant-tooltip-inner {
+    background: $gray-a80-9;
+    border-radius: 4px;
+    &:has(.eagle-ellipsis-content) {
+      visibility: hidden;
+    }
+  }
+}
+
+
 .E_clm1wy1 {
   width: 192px;
   height: 246px;
@@ -6795,20 +6859,7 @@
       background-color: $blue;
       border-color: $blue;
       color: $white;
-    }
-  }
-}
-
-
-.E_gmyahx3 {
-  cursor: pointer;
-
-  .link-text {
-    color: $text-light-tertiary;
-  }
-
-  &:hover .link-text {
-    color: $text-light-general;
+    }
   }
 }
 
@@ -6822,316 +6873,296 @@
 }
 
 
-.E_ou7iq30 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.E_s1tui002 {
-  white-space: nowrap;
-}
-
-.E_mxrc2zg {
-  display: -webkit-box;
-  -webkit-line-clamp: var(--mxrc2zg-0);
-  -webkit-box-orient: vertical;
-  word-break: break-all;
-}
-
-.E_t1vv6d68 {
-  .ant-tooltip-arrow {
-    display: none;
-  }
-  .ant-tooltip-inner {
-    background: $gray-a80-9;
-    border-radius: 4px;
-    &:has(.eagle-ellipsis-content) {
-      visibility: hidden;
-    }
-  }
+.E_wg1tsps {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
 }
 
-
-.E_n12mqh7z {
+.E_b1ctd5xy {
   display: flex;
   align-items: center;
-  font-size: 12px;
-  line-height: 18px;
+  width: calc(100% - 40px);
 
-  &:not(:last-child) {
-    margin-bottom: 4px;
+  .chart {
+    display: inline-block;
+    width: 100%;
   }
 }
 
-.E_tf5bynu {
-  margin: 0 3px;
-}
+.E_u1p8acpn {
+  min-width: 40px;
 
-.E_tcckoz1 {
-  max-height: 400px;
-  overflow: auto;
+  .unit {
+    color: $text-light-primary !important;
+  }
 }
 
 
-.E_t1sqg15u {
-  background: white;
+.E_t160l1cm {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
 
-  &.inline {
-    .table-row {
-      flex-direction: column;
+  .tab-bar {
+    flex-shrink: 0;
+    display: flex;
+    border-bottom: 1px solid $strokes-translucent-1-light;
+  }
 
-      > label {
-        padding: 0 16px 7px 0;
-      }
-    }
+  .tab-content {
+    height: 100%;
   }
 
-  &.has-border {
-    .table-header {
-      border-bottom: 1px solid $strokes-light-trans-1;
-    }
+  .tab-menu-item {
+    margin-right: 2px;
+    padding: 1px 12px;
+    line-height: 24px;
+    height: 24px;
+    color: $text-secondary-light;
+    border-radius: 4px 4px 0 0;
+    cursor: pointer;
+    transition:
+      color 100ms ease-out,
+      background-color 100ms ease-out,
+      padding-left 320ms ease 80ms;
 
-    .hiddenBorder {
-      border-top: none !important;
-    }
+    &:first-child {
+      padding-left: 0;
 
-    .table-row + .table-row {
-      border-top: 1px solid $strokes-light-trans-1;
+      &:hover,
+      &.tab-menu-item-selected {
+        padding-left: 12px;
+      }
     }
 
-    .table-row:last-of-type {
-      padding-bottom: 0;
-    }
-  }
+    &:hover {
+      color: $blue-60;
+      background: $fills-trans-terdiary-light;
 
-  &.align-right {
-    .content {
-      text-align: right;
+      .expand-arrow path {
+        fill: $blue-60;
+      }
     }
-  }
-  .uuid-row {
-    display: flex;
-    justify-content: space-between;
 
-    .id-text {
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
+    &:active {
+      background: $fills-trans-quaternary-light;
     }
-  }
-}
-
-.E_t4zczcp {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 8px;
-  min-height: 32px;
-
-  .table-title {
-    color: $text-secondary-light;
-    font-weight: 600;
-    font-size: 12px;
-    line-height: 8px;
-  }
 
-  .edit-icon {
-    font-size: 16px;
-    color: $strokes-translucent-2-light;
-    cursor: pointer;
-  }
-}
+    &.ant-dropdown-open {
+      color: $blue-60;
+      background: $fills-trans-terdiary-light;
 
-.E_t1s7goww {
-  font-size: 12px;
-  line-height: 18px;
-}
+      &:active {
+        background: $fills-trans-quaternary-light;
+      }
 
-.E_t93e4cf {
-  display: flex;
-  padding: 8px 0;
-  color: $text-primary-light;
+      &.tab-menu-item-selected {
+        background: rgba($blue-60, 0.16);
+      }
 
-  .hidden {
-    display: none;
-  }
+      .expand-arrow path {
+        fill: $blue-60;
+      }
+    }
 
-  .ant-btn.ant-btn-link {
-    height: auto;
-  }
+    &.tab-menu-item-selected {
+      color: $blue-60;
+      background: rgba($blue-60, 0.1);
 
-  .content {
-    overflow: hidden;
-    overflow-x: auto;
-    width: 100%;
-    white-space: pre-wrap;
+      &:hover {
+        background: rgba($blue-60, 0.16);
+      }
 
-    .ant-btn {
-      white-space: pre-wrap;
-      text-align: left;
+      .expand-arrow path {
+        fill: $blue-100;
+      }
     }
 
-    .unit-chart {
-      justify-content: flex-start;
+    .expand-arrow {
+      margin-left: 8px;
+      height: 22px;
+    }
+    .expand-arrow path {
+      fill: $text-secondary-light;
     }
-  }
-}
-
-.E_rhz2uv5 {
-  width: var(--rhz2uv5-0);
-  flex-shrink: 0;
-  color: $text-secondary-light;
-  padding-right: 12px;
-}
-
-
-.E_s1at6qmn {
-  &.ant-layout-sider {
-    background: $backgrounds-light-grouped;
-    padding: 32px 8px;
-    overflow: auto;
   }
 
-  .ant-layout-sider-children {
+  .tab-menu-item-group {
+    padding: 0;
     display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-  }
+    align-items: center;
+    overflow: hidden;
 
-  footer {
-    display: flex;
-  }
+    .main-title {
+      opacity: 0;
+      max-width: 0;
+      transition:
+        max-width 320ms ease,
+        opacity 240ms ease;
+    }
 
-  .ant-menu {
-    background: $backgrounds-light-grouped;
-    a {
-      color: $text-light-primary;
-      width: 180px;
-      overflow: hidden;
-      text-overflow: ellipsis;
+    .sub-title {
+      padding: 1px 12px;
+      position: relative;
+      display: flex;
+
+      > .slash-arrow {
+        opacity: 0;
+        position: absolute;
+        top: 50%;
+        left: 0;
+        transform: translate(-50%, -50%);
+        transition: opacity 100ms linear;
+        fill: rgba($blue-60, 0.2);
+      }
     }
-  }
 
-  .ant-menu-vertical {
-    margin-bottom: 24px;
+    &.tab-menu-item-selected {
+      color: $blue-60;
 
-    .ant-menu-item-group {
-      .ant-menu-item {
-        margin: 0;
+      .main-title {
+        padding: 1px 12px;
+        display: inline-block;
+        opacity: 1;
+        max-width: 160px;
       }
-      .ant-menu-item-group-title {
-        font-size: 12px;
-        padding: 0 8px 4px;
-        line-height: 18px;
 
-        &:empty {
-          padding: 0;
+      .sub-title {
+        padding: 1px 12px;
+        color: $blue-80;
+
+        > .slash-arrow {
+          opacity: 1;
         }
       }
-      &:not(:last-child) {
-        padding-bottom: 24px;
-        &.split {
-          margin-bottom: 24px;
-          border-bottom: 1px solid rgba(211, 218, 235, 0.6);
+
+      &:hover,
+      &:active {
+        .sub-title {
+          background: rgba($blue-60, 0.16);
+        }
+        .sub-title > .slash-arrow {
+          opacity: 0;
         }
       }
     }
+  }
 
-    .ant-menu-item {
-      transition: none;
-      display: flex;
-      align-items: center;
+  .tab-menu-item-medium {
+    &.tab-menu-item {
+      padding: 4px 16px;
       height: 32px;
-      line-height: 22px;
-      padding: 0 8px;
+      border-radius: 6px 6px 0 0;
 
-      > .icon-wrapper {
-        margin-right: 12px;
+      &:first-child {
+        padding-left: 0;
+      }
+      &:first-child:hover,
+      &.tab-menu-item-selected:first-child {
+        padding-left: 16px;
       }
 
-      &:not(:last-child) {
-        margin: 0;
-        margin-bottom: 2px;
+      .expand-arrow {
+        margin-left: 11px;
+        height: 24px;
       }
-      &.ant-menu-item-selected {
-        background: $background-selected;
-        box-shadow: $box-shadow-light-selected;
-        border-radius: 6px;
-        color: $text-light-on-tint;
-        a {
-          color: $text-light-on-tint;
-        }
+    }
+
+    &.tab-menu-item-group {
+      padding: 0;
+
+      .sub-title {
+        padding: 4px 16px;
       }
-      &:not(.ant-menu-item-selected) {
-        &.ant-menu-item:hover,
-        &.ant-menu-item-active {
-          background: $background-onhover;
-          box-shadow: $box-shadow-light-onhover;
-          border-radius: 6px;
-        }
+
+      &.tab-menu-item-selected .sub-title,
+      &.tab-menu-item-selected .main-title {
+        padding: 4px 16px;
       }
     }
   }
-}
-
-.E_s1wu0lms {
-  .ant-menu-item-group-title {
-    white-space: nowrap;
-    transition: all 0s;
-  }
 
-  &.shrink {
-    transition: all 0s;
-    overflow: hidden;
+  .tab-menu-item-light {
+    &:hover,
+    &:active {
+      background: $white;
+    }
 
-    .ant-menu-item-group-title {
-      visibility: hidden;
+    &:active {
+      color: $blue-80;
     }
 
-    .ant-menu-item {
-      width: 36px;
-      padding: 0 6px;
+    &.tab-menu-item.tab-menu-item-selected {
+      background: $white;
+      color: $blue-100;
     }
-  }
-}
 
-.E_n1ugzfva {
-  display: flex;
-  place-items: center;
-  width: 100% !important;
+    &.tab-menu-item-group.tab-menu-item-selected {
+      .main-title {
+        color: rgba($gray-80, 0.6);
+      }
 
-  &[disabled] {
-    color: rgba(0, 0, 0, 0.25) !important;
-    opacity: 1 !important;
-  }
+      .sub-title {
+        color: $blue-100;
+      }
 
-  &.ant-btn {
-    width: 100%;
-    color: $text-light-primary;
-  }
+      .sub-title > .slash-arrow {
+        fill: $fills-opaque-quaternary-light;
+      }
 
-  .icon-wrapper {
-    margin-right: 12px;
+      .sub-title > .expand-arrow path {
+        fill: $blue-100;
+      }
+    }
   }
 
-  .link-title {
+  .tab-content {
     flex: 1;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    text-align: left;
+    display: flex;
+    flex-direction: column;
+  }
+
+  /* FIXME:(yanzhen) do this better */
+  &.is-overview .tab-content {
+    overflow: visible;
   }
 }
 
+.E_t14npdqr {
+  max-width: 240px;
+  animation: none;
 
-.E_s1iv0tp1 {
-  .enabled-switch {
-    display: flex;
-    align-items: center;
-  }
+  &.ant-dropdown .ant-dropdown-menu {
+    border: 1px solid $blue-60;
+    padding: 0;
 
-  .enabled-text {
-    margin-right: 8px;
+    .ant-dropdown-menu-item {
+      margin: 0;
+      height: 32px;
+      line-height: 32px;
+      font-size: 13px;
+      padding: 0 10px;
+      display: block;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+
+      &:not(:first-child) {
+        &::before {
+          content: " ";
+          height: 1px;
+          width: calc(100% + 10px);
+          background: $strokes-translucent-1-light;
+          display: block;
+        }
+      }
+
+      &.ant-dropdown-menu-item-selected {
+        color: $blue-60;
+        background: transparent;
+      }
+    }
   }
 }
 
@@ -7155,296 +7186,265 @@
 }
 
 
-.E_wg1tsps {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-}
-
-.E_b1ctd5xy {
-  display: flex;
-  align-items: center;
-  width: calc(100% - 40px);
-
-  .chart {
-    display: inline-block;
-    width: 100%;
-  }
-}
-
-.E_u1p8acpn {
-  min-width: 40px;
-
-  .unit {
-    color: $text-light-primary !important;
-  }
-}
-
-
-.E_t160l1cm {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
+.E_t1sqg15u {
+  background: white;
 
-  .tab-bar {
-    flex-shrink: 0;
-    display: flex;
-    border-bottom: 1px solid $strokes-translucent-1-light;
-  }
+  &.inline {
+    .table-row {
+      flex-direction: column;
 
-  .tab-content {
-    height: 100%;
+      > label {
+        padding: 0 16px 7px 0;
+      }
+    }
   }
 
-  .tab-menu-item {
-    margin-right: 2px;
-    padding: 1px 12px;
-    line-height: 24px;
-    height: 24px;
-    color: $text-secondary-light;
-    border-radius: 4px 4px 0 0;
-    cursor: pointer;
-    transition:
-      color 100ms ease-out,
-      background-color 100ms ease-out,
-      padding-left 320ms ease 80ms;
-
-    &:first-child {
-      padding-left: 0;
+  &.has-border {
+    .table-header {
+      border-bottom: 1px solid $strokes-light-trans-1;
+    }
 
-      &:hover,
-      &.tab-menu-item-selected {
-        padding-left: 12px;
-      }
+    .hiddenBorder {
+      border-top: none !important;
     }
 
-    &:hover {
-      color: $blue-60;
-      background: $fills-trans-terdiary-light;
+    .table-row + .table-row {
+      border-top: 1px solid $strokes-light-trans-1;
+    }
 
-      .expand-arrow path {
-        fill: $blue-60;
-      }
+    .table-row:last-of-type {
+      padding-bottom: 0;
     }
+  }
 
-    &:active {
-      background: $fills-trans-quaternary-light;
+  &.align-right {
+    .content {
+      text-align: right;
     }
+  }
+  .uuid-row {
+    display: flex;
+    justify-content: space-between;
 
-    &.ant-dropdown-open {
-      color: $blue-60;
-      background: $fills-trans-terdiary-light;
+    .id-text {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+}
 
-      &:active {
-        background: $fills-trans-quaternary-light;
-      }
+.E_t4zczcp {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px;
+  min-height: 32px;
 
-      &.tab-menu-item-selected {
-        background: rgba($blue-60, 0.16);
-      }
+  .table-title {
+    color: $text-secondary-light;
+    font-weight: 600;
+    font-size: 12px;
+    line-height: 8px;
+  }
 
-      .expand-arrow path {
-        fill: $blue-60;
-      }
-    }
+  .edit-icon {
+    font-size: 16px;
+    color: $strokes-translucent-2-light;
+    cursor: pointer;
+  }
+}
 
-    &.tab-menu-item-selected {
-      color: $blue-60;
-      background: rgba($blue-60, 0.1);
+.E_t1s7goww {
+  font-size: 12px;
+  line-height: 18px;
+}
 
-      &:hover {
-        background: rgba($blue-60, 0.16);
-      }
+.E_t93e4cf {
+  display: flex;
+  padding: 8px 0;
+  color: $text-primary-light;
 
-      .expand-arrow path {
-        fill: $blue-100;
-      }
-    }
+  .hidden {
+    display: none;
+  }
 
-    .expand-arrow {
-      margin-left: 8px;
-      height: 22px;
-    }
-    .expand-arrow path {
-      fill: $text-secondary-light;
-    }
+  .ant-btn.ant-btn-link {
+    height: auto;
   }
 
-  .tab-menu-item-group {
-    padding: 0;
-    display: flex;
-    align-items: center;
+  .content {
     overflow: hidden;
+    overflow-x: auto;
+    width: 100%;
+    white-space: pre-wrap;
 
-    .main-title {
-      opacity: 0;
-      max-width: 0;
-      transition:
-        max-width 320ms ease,
-        opacity 240ms ease;
+    .ant-btn {
+      white-space: pre-wrap;
+      text-align: left;
     }
 
-    .sub-title {
-      padding: 1px 12px;
-      position: relative;
-      display: flex;
-
-      > .slash-arrow {
-        opacity: 0;
-        position: absolute;
-        top: 50%;
-        left: 0;
-        transform: translate(-50%, -50%);
-        transition: opacity 100ms linear;
-        fill: rgba($blue-60, 0.2);
-      }
+    .unit-chart {
+      justify-content: flex-start;
     }
+  }
+}
 
-    &.tab-menu-item-selected {
-      color: $blue-60;
+.E_rhz2uv5 {
+  width: var(--rhz2uv5-0);
+  flex-shrink: 0;
+  color: $text-secondary-light;
+  padding-right: 12px;
+}
 
-      .main-title {
-        padding: 1px 12px;
-        display: inline-block;
-        opacity: 1;
-        max-width: 160px;
-      }
 
-      .sub-title {
-        padding: 1px 12px;
-        color: $blue-80;
+.E_s1iv0tp1 {
+  .enabled-switch {
+    display: flex;
+    align-items: center;
+  }
 
-        > .slash-arrow {
-          opacity: 1;
-        }
-      }
+  .enabled-text {
+    margin-right: 8px;
+  }
+}
 
-      &:hover,
-      &:active {
-        .sub-title {
-          background: rgba($blue-60, 0.16);
-        }
-        .sub-title > .slash-arrow {
-          opacity: 0;
-        }
-      }
-    }
+
+.E_s1at6qmn {
+  &.ant-layout-sider {
+    background: $backgrounds-light-grouped;
+    padding: 32px 8px;
+    overflow: auto;
   }
 
-  .tab-menu-item-medium {
-    &.tab-menu-item {
-      padding: 4px 16px;
-      height: 32px;
-      border-radius: 6px 6px 0 0;
+  .ant-layout-sider-children {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
 
-      &:first-child {
-        padding-left: 0;
-      }
-      &:first-child:hover,
-      &.tab-menu-item-selected:first-child {
-        padding-left: 16px;
-      }
+  footer {
+    display: flex;
+  }
 
-      .expand-arrow {
-        margin-left: 11px;
-        height: 24px;
-      }
+  .ant-menu {
+    background: $backgrounds-light-grouped;
+    a {
+      color: $text-light-primary;
+      width: 180px;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
+  }
 
-    &.tab-menu-item-group {
-      padding: 0;
+  .ant-menu-vertical {
+    margin-bottom: 24px;
 
-      .sub-title {
-        padding: 4px 16px;
+    .ant-menu-item-group {
+      .ant-menu-item {
+        margin: 0;
       }
+      .ant-menu-item-group-title {
+        font-size: 12px;
+        padding: 0 8px 4px;
+        line-height: 18px;
 
-      &.tab-menu-item-selected .sub-title,
-      &.tab-menu-item-selected .main-title {
-        padding: 4px 16px;
+        &:empty {
+          padding: 0;
+        }
+      }
+      &:not(:last-child) {
+        padding-bottom: 24px;
+        &.split {
+          margin-bottom: 24px;
+          border-bottom: 1px solid rgba(211, 218, 235, 0.6);
+        }
       }
-    }
-  }
-
-  .tab-menu-item-light {
-    &:hover,
-    &:active {
-      background: $white;
-    }
-
-    &:active {
-      color: $blue-80;
     }
 
-    &.tab-menu-item.tab-menu-item-selected {
-      background: $white;
-      color: $blue-100;
-    }
+    .ant-menu-item {
+      transition: none;
+      display: flex;
+      align-items: center;
+      height: 32px;
+      line-height: 22px;
+      padding: 0 8px;
 
-    &.tab-menu-item-group.tab-menu-item-selected {
-      .main-title {
-        color: rgba($gray-80, 0.6);
+      > .icon-wrapper {
+        margin-right: 12px;
       }
 
-      .sub-title {
-        color: $blue-100;
+      &:not(:last-child) {
+        margin: 0;
+        margin-bottom: 2px;
       }
-
-      .sub-title > .slash-arrow {
-        fill: $fills-opaque-quaternary-light;
+      &.ant-menu-item-selected {
+        background: $background-selected;
+        box-shadow: $box-shadow-light-selected;
+        border-radius: 6px;
+        color: $text-light-on-tint;
+        a {
+          color: $text-light-on-tint;
+        }
       }
-
-      .sub-title > .expand-arrow path {
-        fill: $blue-100;
+      &:not(.ant-menu-item-selected) {
+        &.ant-menu-item:hover,
+        &.ant-menu-item-active {
+          background: $background-onhover;
+          box-shadow: $box-shadow-light-onhover;
+          border-radius: 6px;
+        }
       }
     }
   }
+}
 
-  .tab-content {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
+.E_s1wu0lms {
+  .ant-menu-item-group-title {
+    white-space: nowrap;
+    transition: all 0s;
   }
 
-  /* FIXME:(yanzhen) do this better */
-  &.is-overview .tab-content {
-    overflow: visible;
+  &.shrink {
+    transition: all 0s;
+    overflow: hidden;
+
+    .ant-menu-item-group-title {
+      visibility: hidden;
+    }
+
+    .ant-menu-item {
+      width: 36px;
+      padding: 0 6px;
+    }
   }
 }
 
-.E_t14npdqr {
-  max-width: 240px;
-  animation: none;
+.E_n1ugzfva {
+  display: flex;
+  place-items: center;
+  width: 100% !important;
 
-  &.ant-dropdown .ant-dropdown-menu {
-    border: 1px solid $blue-60;
-    padding: 0;
+  &[disabled] {
+    color: rgba(0, 0, 0, 0.25) !important;
+    opacity: 1 !important;
+  }
 
-    .ant-dropdown-menu-item {
-      margin: 0;
-      height: 32px;
-      line-height: 32px;
-      font-size: 13px;
-      padding: 0 10px;
-      display: block;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
+  &.ant-btn {
+    width: 100%;
+    color: $text-light-primary;
+  }
 
-      &:not(:first-child) {
-        &::before {
-          content: " ";
-          height: 1px;
-          width: calc(100% + 10px);
-          background: $strokes-translucent-1-light;
-          display: block;
-        }
-      }
+  .icon-wrapper {
+    margin-right: 12px;
+  }
 
-      &.ant-dropdown-menu-item-selected {
-        color: $blue-60;
-        background: transparent;
-      }
-    }
+  .link-title {
+    flex: 1;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    text-align: left;
   }
 }
 
@@ -7571,6 +7571,13 @@
 }
 
 
+.E_h1ol2wl7 {
+  font-weight: bold;
+  background-color: unset;
+  padding: unset;
+}
+
+
 .E_kr6am0s {
   .ant-modal-body {
     padding: 60px 128px;
@@ -7645,13 +7652,6 @@
 }
 
 
-.E_h1ol2wl7 {
-  font-weight: bold;
-  background-color: unset;
-  padding: unset;
-}
-
-
 .E_l12xdkhl {
   width: 64px;
   height: 64px;
@@ -7670,73 +7670,6 @@
 }
 
 
-.E_cevhqx7 {
-  color: $text-light-primary;
-}
-
-.E_snbqlt4 {
-  margin-top: 8px;
-  color: $text-light-secondary;
-}
-
-
-.E_c1ss4prm {
-  color: $text-light-secondary;
-  &:is(ul, ol) {
-    padding-inline-start: 12px;
-  }
-
-  li {
-    margin-bottom: 4px;
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-}
-
-.E_ms3tlei {
-  background: $fill-neutral-trans-2;
-  padding: 8px;
-  border-radius: 6px;
-  color: $gray-a60-8;
-
-  .icon-wrapper {
-    margin-top: 1px; // The text line height is 18px, the icon height is 16px, so a 1px offset is needed
-    margin-right: 4px;
-  }
-
-  li {
-    margin-bottom: 4px;
-    display: flex;
-    align-items: flex-start;
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-}
-
-.E_du44iy7 {
-  margin-bottom: 4px;
-}
-
-.E_p1qmhanr {
-  margin-bottom: 8px;
-}
-
-.E_srje1h0 {
-  color: $text-light-secondary;
-  margin-bottom: 8px;
-}
-
-.E_di3zi7v {
-  height: 1px;
-  background: $strokes-light-opaque-2;
-  margin: 16px 0;
-}
-
-
 .E_c14ouk5o {
   width: 100%;
   height: 100%;
@@ -8386,3 +8319,70 @@
   }
 }
 
+
+.E_cevhqx7 {
+  color: $text-light-primary;
+}
+
+.E_snbqlt4 {
+  margin-top: 8px;
+  color: $text-light-secondary;
+}
+
+
+.E_c1ss4prm {
+  color: $text-light-secondary;
+  &:is(ul, ol) {
+    padding-inline-start: 12px;
+  }
+
+  li {
+    margin-bottom: 4px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.E_ms3tlei {
+  background: $fill-neutral-trans-2;
+  padding: 8px;
+  border-radius: 6px;
+  color: $gray-a60-8;
+
+  .icon-wrapper {
+    margin-top: 1px; // The text line height is 18px, the icon height is 16px, so a 1px offset is needed
+    margin-right: 4px;
+  }
+
+  li {
+    margin-bottom: 4px;
+    display: flex;
+    align-items: flex-start;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.E_du44iy7 {
+  margin-bottom: 4px;
+}
+
+.E_p1qmhanr {
+  margin-bottom: 8px;
+}
+
+.E_srje1h0 {
+  color: $text-light-secondary;
+  margin-bottom: 8px;
+}
+
+.E_di3zi7v {
+  height: 1px;
+  background: $strokes-light-opaque-2;
+  margin: 16px 0;
+}
+