@cloudtower/eagle 0.33.14 → 0.33.16

package/dist/linaria.merged.scss

@@ -26,134 +26,6 @@
 }
 
 
-.E_m74vjol {
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-  & .action {
-    margin-left: 16px;
-  }
-}
-
-.E_a1o35uvh {
-  &.ant-alert-closable {
-    padding-right: 12px;
-
-    .ant-alert-close-icon {
-      height: fit-content;
-      margin-left: 16px;
-    }
-  }
-
-  .ant-alert-message {
-    flex: 1;
-  }
-}
-
-
-.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_d133fzv0 {
-  .ant-dropdown-menu-item-group {
-    .ant-dropdown-menu-item-group-title {
-      padding: 4px 8px 0 8px;
-      color: $text-light-secondary;
-      font-size: 12px;
-    }
-    .ant-dropdown-menu-item-group-list {
-      padding-bottom: 6px;
-    }
-    &:not(:first-child) {
-      padding-top: 4px;
-      border-top: 1px solid $strokes-light-trans-2;
-    }
-  }
-}
-
-
-.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_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_b1wx3t3t {
   &.ant-btn-icon-only {
     justify-content: center;
@@ -512,6 +384,134 @@
 }
 
 
+.E_m74vjol {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  & .action {
+    margin-left: 16px;
+  }
+}
+
+.E_a1o35uvh {
+  &.ant-alert-closable {
+    padding-right: 12px;
+
+    .ant-alert-close-icon {
+      height: fit-content;
+      margin-left: 16px;
+    }
+  }
+
+  .ant-alert-message {
+    flex: 1;
+  }
+}
+
+
+.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_d133fzv0 {
+  .ant-dropdown-menu-item-group {
+    .ant-dropdown-menu-item-group-title {
+      padding: 4px 8px 0 8px;
+      color: $text-light-secondary;
+      font-size: 12px;
+    }
+    .ant-dropdown-menu-item-group-list {
+      padding-bottom: 6px;
+    }
+    &:not(:first-child) {
+      padding-top: 4px;
+      border-top: 1px solid $strokes-light-trans-2;
+    }
+  }
+}
+
+
+.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_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_d1bw7c5z {
   position: relative;
   max-width: 388px;
@@ -603,10 +603,34 @@
 }
 
 
-.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;
+    }
   }
 }
 
@@ -666,41 +690,116 @@
 }
 
 
-.E_ccrbeuz {
-  .ant-collapse-item {
-    border: 0px;
-    background-color: $fills-light-white;
+.E_sx1bpnu {
+  .ant-input-sm {
+    line-height: 18px;
+  }
+}
 
-    .ant-collapse-header {
-      padding-top: 0px;
-      padding-bottom: 0px;
-      padding-left: 0px !important;
-      padding-right: 24px;
-      .ant-collapse-arrow {
-        right: 0px;
-      }
+
+.E_c1yyuluq {
+  border-radius: 8px;
+  .ant-card-body {
+    padding: 20px 24px 24px 24px;
+  }
+}
+
+
+.E_i11gg7mj {
+  .ant-input-prefix {
+    margin-right: 8px;
+  }
+  .ant-input-suffix {
+    margin-left: 8px;
+  }
+}
+
+.E_cc368xp {
+  color: $gray-120;
+  border-right: 1px solid $gray-a60-5;
+  margin-right: 8px;
+  padding-right: 8px;
+}
+
+.E_i11o6xqj {
+  display: flex;
+  gap: 4px;
+
+  .icon-wrapper {
+    cursor: pointer;
+  }
+}
+
+.E_d19ruhdj {
+  &.icon-wrapper {
+    cursor: not-allowed;
+  }
+}
+
+
+.E_phljevk {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 0;
+  color: $text-light-secondary;
+  font-size: 12px;
+  line-height: 24px;
+
+  .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;
     }
-    .ant-collapse-content {
-      .ant-collapse-content-box {
-        padding: 0px;
-      }
+    .icon-inner {
+      margin-left: 4px;
     }
   }
-}
 
-.E_c1fljvag {
-  .ant-collapse-item {
-    .ant-collapse-header {
-      padding-right: 0px;
-      cursor: default;
+  .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;
 
-.E_sx1bpnu {
-  .ant-input-sm {
-    line-height: 18px;
+    .ant-dropdown-menu-item {
+      padding: 4px 20px;
+      font-size: 12px;
+      line-height: 18px;
+    }
   }
 }
 
@@ -886,105 +985,6 @@
 }
 
 
-.E_i11gg7mj {
-  .ant-input-prefix {
-    margin-right: 8px;
-  }
-  .ant-input-suffix {
-    margin-left: 8px;
-  }
-}
-
-.E_cc368xp {
-  color: $gray-120;
-  border-right: 1px solid $gray-a60-5;
-  margin-right: 8px;
-  padding-right: 8px;
-}
-
-.E_i11o6xqj {
-  display: flex;
-  gap: 4px;
-
-  .icon-wrapper {
-    cursor: pointer;
-  }
-}
-
-.E_d19ruhdj {
-  &.icon-wrapper {
-    cursor: not-allowed;
-  }
-}
-
-
-.E_phljevk {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 10px 0;
-  color: $text-light-secondary;
-  font-size: 12px;
-  line-height: 24px;
-
-  .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;
@@ -1112,95 +1112,6 @@
 }
 
 
-.E_s1dni7lo {
-  width: 430px !important;
-}
-
-.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_o1ugr09p {
-    display: flex;
-    flex-direction: column;
-    margin: 1px 8px;
-    padding: 8px;
-    border-radius: 4px;
-
-    .selected-icon {
-      display: none;
-    }
-
-    &.ant-select-item-option-grouped {
-      padding-left: 8px;
-    }
-
-    &.ant-select-item-option-selected {
-      background-color: white;
-      .timezone-title {
-        color: #0080ff;
-      }
-      .selected-icon {
-        display: block;
-      }
-    }
-
-    &.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;
@@ -1301,6 +1212,95 @@
 }
 
 
+.E_s1dni7lo {
+  width: 430px !important;
+}
+
+.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_o1ugr09p {
+    display: flex;
+    flex-direction: column;
+    margin: 1px 8px;
+    padding: 8px;
+    border-radius: 4px;
+
+    .selected-icon {
+      display: none;
+    }
+
+    &.ant-select-item-option-grouped {
+      padding-left: 8px;
+    }
+
+    &.ant-select-item-option-selected {
+      background-color: white;
+      .timezone-title {
+        color: #0080ff;
+      }
+      .selected-icon {
+        display: block;
+      }
+    }
+
+    &.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_fzh9mnb {
   width: 100%;
   height: 100%;
@@ -1318,28 +1318,6 @@
 }
 
 
-.E_iouxfgt {
-  display: inline-flex;
-  align-items: center;
-
-  .icon-inner {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-  }
-  .icon-inner + span,
-  span + .icon-inner.suffix {
-    margin-left: 4px;
-  }
-  &.is-rotate {
-    img,
-    svg {
-      animation: rotate 680ms linear infinite;
-    }
-  }
-}
-
-
 .E_f7pxqmh {
   width: 100%;
   margin-bottom: 0 !important;
@@ -1382,74 +1360,133 @@
 }
 
 
-.E_ai7qkf2 {
+.E_a1wfy30z {
   .ant-input-number-handler-wrap {
-    display: var(--ai7qkf2-0);
+    display: var(--a1wfy30z-0);
   }
   .ant-input-number-input-wrap {
+    padding: 4px 11px;
     display: inline-flex;
     line-height: 1.5715;
-    height: 100%;
-    width: 100%;
+    height: inherit;
   }
 
   .ant-input-number-input-wrap::after {
-    content: var(--ai7qkf2-1);
-    display: var(--ai7qkf2-2);
+    content: var(--a1wfy30z-1);
+    display: var(--a1wfy30z-2);
     flex: none;
     align-items: center;
     margin-left: 4px;
-    padding: 5px 12px 5px 0;
-    color: rgba(44, 56, 82, 0.6);
   }
 
   .ant-input-number-input-wrap::before {
-    content: var(--ai7qkf2-3);
-    display: var(--ai7qkf2-4);
+    content: var(--a1wfy30z-3);
+    display: var(--a1wfy30z-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;
+    padding: 0;
+    margin: 0;
+    height: auto;
     font-size: inherit;
   }
+}
 
-  &.ant-input-number-lg input {
+
+.E_iouxfgt {
+  display: inline-flex;
+  align-items: center;
+
+  .icon-inner {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .icon-inner + span,
+  span + .icon-inner.suffix {
+    margin-left: 4px;
+  }
+  &.is-rotate {
+    img,
+    svg {
+      animation: rotate 680ms linear infinite;
+    }
+  }
+}
+
+
+.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%;
+  }
+
+  .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);
+  }
+
+  .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;
@@ -1463,16 +1500,6 @@
 }
 
 
-.E_owd0kml {
-  display: inline-block;
-}
-
-.E_h1jsgezc {
-  visibility: hidden;
-  position: absolute;
-}
-
-
 .E_atcz0kf {
   .ant-input-suffix {
     margin-left: 8px;
@@ -1483,6 +1510,16 @@
 }
 
 
+.E_owd0kml {
+  display: inline-block;
+}
+
+.E_h1jsgezc {
+  visibility: hidden;
+  position: absolute;
+}
+
+
 .E_i1inqkme {
   height: 18px;
   line-height: 18px;
@@ -1497,43 +1534,6 @@
 }
 
 
-.E_a1wfy30z {
-  .ant-input-number-handler-wrap {
-    display: var(--a1wfy30z-0);
-  }
-  .ant-input-number-input-wrap {
-    padding: 4px 11px;
-    display: inline-flex;
-    line-height: 1.5715;
-    height: inherit;
-  }
-
-  .ant-input-number-input-wrap::after {
-    content: var(--a1wfy30z-1);
-    display: var(--a1wfy30z-2);
-    flex: none;
-    align-items: center;
-    margin-left: 4px;
-  }
-
-  .ant-input-number-input-wrap::before {
-    content: var(--a1wfy30z-3);
-    display: var(--a1wfy30z-4);
-    flex: none;
-    align-items: center;
-    margin-right: 4px;
-    cursor: auto;
-  }
-
-  .ant-input-number-input {
-    padding: 0;
-    margin: 0;
-    height: auto;
-    font-size: inherit;
-  }
-}
-
-
 .E_cnujxq2 {
   display: flex;
   flex-direction: column;
@@ -2701,11 +2701,6 @@
 }
 
 
-.E_m196gn1d {
-  min-width: 1280px;
-}
-
-
 .E_a1b5xrg3 {
   .user-icon-inner {
     display: inline-flex;
@@ -2743,60 +2738,167 @@
 }
 
 
-.E_s4ivdfu {
-  &.ant-select {
-    .ant-select-selection-placeholder {
-      opacity: 1;
-    }
+.E_m196gn1d {
+  min-width: 1280px;
+}
 
-    &.select-loading-value {
-      pointer-events: none;
-    }
+
+.E_s17wv897 {
+  &.ant-select,
+  &.ant-select div.ant-select-selector {
+    border-radius: 6px;
   }
-}
 
-.E_sks9xr8 {
   &.ant-select {
-    .select-hover-suffix,
-    .select-active-suffix,
-    .select-expanded-suffix,
-    .select-expanded-search-suffix,
-    .select-focus-suffix,
-    .select-error-suffix,
-    .select-error-hover-suffix,
-    .select-error-active-suffix,
-    .select-error-expanded-suffix,
-    .select-error-expanded-search-suffix,
-    .select-error-focus-suffix {
-      display: none;
-      width: 16px;
-      height: 16px;
-    }
+    &.ant-select-single {
+      width: 100%;
+      &[data-size="small"] {
+      }
+      &[data-size="middle"] {
+        height: 30px;
+      }
+      &[data-size="large"] {
+      }
+      color: $text-primary-light;
+      border-color: $strokes-light-trans-2;
+      transition:
+        border 160ms ease 8ms,
+        box-shadow 160ms ease 8ms;
+      font-size: 13px;
 
-    &.ant-select-disabled {
-      .select-suffix {
-        opacity: 0.5;
+      &.ant-select-lg {
+        height: 38px;
+        font-size: 13px;
       }
-    }
 
-    &:not(.ant-select-disabled) {
-      // open, not error
-      &.ant-select-open:not(.select-error) {
-        &.ant-select-show-search {
-          .select-suffix {
-            display: none;
-          }
-          .select-expanded-search-suffix {
-            display: inline;
-          }
+      .ant-select-arrow,
+      .ant-select-arrow .anticon-down {
+        transition: 160ms ease;
+      }
+
+      .ant-select-arrow-loading {
+        color: $fills-light-general-general;
+      }
+
+      &:not(.ant-select-disabled) {
+        &:hover .ant-select-selector,
+        &.__pseudo-states-hover .ant-select-selector {
+          border-color: $strokes-light-trans-4;
+          box-shadow: $shadow-light-hover;
         }
 
-        &:not(.ant-select-show-search) {
-          .select-suffix {
-            display: none;
-          }
-          .select-expanded-suffix {
-            display: inline;
+        &:hover .ant-select-arrow,
+        &.__pseudo-states-hover .ant-select-arrow {
+          color: $fills-light-general-general;
+        }
+
+        &:active,
+        &:focus,
+        &.ant-select-focused,
+        &.ant-select-open,
+        &.__pseudo-states-active,
+        &.__pseudo-states-focus {
+          .ant-select-selector {
+            border-color: $fills-light-general-general;
+            box-shadow: $shadow-light-active;
+          }
+        }
+
+        &.ant-select-open .ant-select-arrow .anticon-down {
+          transform: rotate(180deg);
+        }
+      }
+
+      &.ant-select-disabled .ant-select-selector {
+        background: $fills-light-trans-3;
+        border-color: $strokes-light-trans-3;
+        cursor: "not-allowed";
+      }
+    }
+    &.select-error:not(.ant-select-disabled) {
+      .ant-select-selector {
+        border-color: $fills-light-serious-serious !important;
+      }
+
+      &:hover .ant-select-arrow,
+      &.__pseudo-states-hover .ant-select-arrow {
+        color: $text-light-super;
+      }
+
+      &:active,
+      &:focus,
+      &.ant-select-focused,
+      &.ant-select-open,
+      &.__pseudo-states-focus,
+      &.__pseudo-states-active {
+        .ant-select-selector {
+          border-color: $fills-light-general-general;
+          box-shadow: $shadow-light-error;
+        }
+      }
+
+      &.ant-select-open .ant-select-arrow .anticon-down {
+        transform: rotate(180deg);
+      }
+    }
+  }
+}
+
+
+.E_s4ivdfu {
+  &.ant-select {
+    .ant-select-selection-placeholder {
+      opacity: 1;
+    }
+
+    &.select-loading-value {
+      pointer-events: none;
+    }
+  }
+}
+
+.E_sks9xr8 {
+  &.ant-select {
+    .select-hover-suffix,
+    .select-active-suffix,
+    .select-expanded-suffix,
+    .select-expanded-search-suffix,
+    .select-focus-suffix,
+    .select-error-suffix,
+    .select-error-hover-suffix,
+    .select-error-active-suffix,
+    .select-error-expanded-suffix,
+    .select-error-expanded-search-suffix,
+    .select-error-focus-suffix {
+      display: none;
+      width: 16px;
+      height: 16px;
+    }
+
+    &.ant-select-disabled {
+      .select-suffix {
+        opacity: 0.5;
+      }
+    }
+
+    &:not(.ant-select-disabled) {
+      // open, not error
+      &.ant-select-open:not(.select-error) {
+        &.ant-select-show-search {
+          .select-suffix {
+            display: none;
+          }
+          .select-expanded-search-suffix {
+            display: inline;
+          }
+        }
+
+        &:not(.ant-select-show-search) {
+          .select-suffix {
+            display: none;
+          }
+          .select-expanded-suffix {
+            display: inline;
           }
         }
       }
@@ -2944,108 +3046,6 @@
 }
 
 
-.E_s17wv897 {
-  &.ant-select,
-  &.ant-select div.ant-select-selector {
-    border-radius: 6px;
-  }
-
-  &.ant-select {
-    &.ant-select-single {
-      width: 100%;
-      &[data-size="small"] {
-      }
-      &[data-size="middle"] {
-        height: 30px;
-      }
-      &[data-size="large"] {
-      }
-      color: $text-primary-light;
-      border-color: $strokes-light-trans-2;
-      transition:
-        border 160ms ease 8ms,
-        box-shadow 160ms ease 8ms;
-      font-size: 13px;
-
-      &.ant-select-lg {
-        height: 38px;
-        font-size: 13px;
-      }
-
-      .ant-select-arrow,
-      .ant-select-arrow .anticon-down {
-        transition: 160ms ease;
-      }
-
-      .ant-select-arrow-loading {
-        color: $fills-light-general-general;
-      }
-
-      &:not(.ant-select-disabled) {
-        &:hover .ant-select-selector,
-        &.__pseudo-states-hover .ant-select-selector {
-          border-color: $strokes-light-trans-4;
-          box-shadow: $shadow-light-hover;
-        }
-
-        &:hover .ant-select-arrow,
-        &.__pseudo-states-hover .ant-select-arrow {
-          color: $fills-light-general-general;
-        }
-
-        &:active,
-        &:focus,
-        &.ant-select-focused,
-        &.ant-select-open,
-        &.__pseudo-states-active,
-        &.__pseudo-states-focus {
-          .ant-select-selector {
-            border-color: $fills-light-general-general;
-            box-shadow: $shadow-light-active;
-          }
-        }
-
-        &.ant-select-open .ant-select-arrow .anticon-down {
-          transform: rotate(180deg);
-        }
-      }
-
-      &.ant-select-disabled .ant-select-selector {
-        background: $fills-light-trans-3;
-        border-color: $strokes-light-trans-3;
-        cursor: "not-allowed";
-      }
-    }
-    &.select-error:not(.ant-select-disabled) {
-      .ant-select-selector {
-        border-color: $fills-light-serious-serious !important;
-      }
-
-      &:hover .ant-select-arrow,
-      &.__pseudo-states-hover .ant-select-arrow {
-        color: $text-light-super;
-      }
-
-      &:active,
-      &:focus,
-      &.ant-select-focused,
-      &.ant-select-open,
-      &.__pseudo-states-focus,
-      &.__pseudo-states-active {
-        .ant-select-selector {
-          border-color: $fills-light-general-general;
-          box-shadow: $shadow-light-error;
-        }
-      }
-
-      &.ant-select-open .ant-select-arrow .anticon-down {
-        transform: rotate(180deg);
-      }
-    }
-  }
-}
-
-
 .E_oa99sl3 {
   display: flex;
   justify-content: space-between;
@@ -3315,65 +3315,6 @@
 }
 
 
-.E_s11wux3h {
-  .antd5-segmented-item:not(:last-child) {
-    margin-right: 2px;
-  }
-}
-
-.E_s1t2an3z {
-  &.antd5-segmented-sm .antd5-segmented-item-label {
-    padding-left: 8px;
-    padding-right: 8px;
-    font-size: 12px;
-  }
-
-  &.antd5-segmented-sm .antd5-segmented-item-selected {
-    border-radius: 4px;
-  }
-
-  &.antd5-segmented
-    .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
-      .antd5-segmented-item-disabled
-    ) {
-    border-radius: 4px;
-  }
-}
-
-.E_ma64lna {
-  .antd5-segmented-item-label {
-    padding-left: 12px;
-    padding-right: 12px;
-  }
-}
-
-.E_ckld275 {
-  background-color: $fill-neutral-trans-2;
-  &.antd5-segmented
-    .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
-      .antd5-segmented-item-disabled
-    ) {
-    background-color: $fill-neutral-light-white;
-    color: $text-neutral-secondary-light;
-  }
-  // on animate remove hover bg color
-  &.antd5-segmented
-    .antd5-segmented-thumb
-    ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
-      .antd5-segmented-item-disabled
-    ) {
-    background-color: transparent;
-  }
-  // remove after's bg color
-  &.antd5-segmented
-    .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
-      .antd5-segmented-item-disabled
-    )::after {
-    background-color: transparent;
-  }
-}
-
-
 .E_h12yihis {
   height: 50px;
   border-bottom: 2px solid #edf0f7;
@@ -3644,7 +3585,93 @@
 }
 
 
-.E_c1yd35n {
+.E_s11wux3h {
+  .antd5-segmented-item:not(:last-child) {
+    margin-right: 2px;
+  }
+}
+
+.E_s1t2an3z {
+  &.antd5-segmented-sm .antd5-segmented-item-label {
+    padding-left: 8px;
+    padding-right: 8px;
+    font-size: 12px;
+  }
+
+  &.antd5-segmented-sm .antd5-segmented-item-selected {
+    border-radius: 4px;
+  }
+
+  &.antd5-segmented
+    .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
+      .antd5-segmented-item-disabled
+    ) {
+    border-radius: 4px;
+  }
+}
+
+.E_ma64lna {
+  .antd5-segmented-item-label {
+    padding-left: 12px;
+    padding-right: 12px;
+  }
+}
+
+.E_ckld275 {
+  background-color: $fill-neutral-trans-2;
+  &.antd5-segmented
+    .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
+      .antd5-segmented-item-disabled
+    ) {
+    background-color: $fill-neutral-light-white;
+    color: $text-neutral-secondary-light;
+  }
+  // on animate remove hover bg color
+  &.antd5-segmented
+    .antd5-segmented-thumb
+    ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
+      .antd5-segmented-item-disabled
+    ) {
+    background-color: transparent;
+  }
+  // remove after's bg color
+  &.antd5-segmented
+    .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
+      .antd5-segmented-item-disabled
+    )::after {
+    background-color: transparent;
+  }
+}
+
+
+.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),
+    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);
+}
+
+.E_c1eym6el {
+  border-radius: 8px;
+  background-color: white;
+  &.hoverable {
+    cursor: pointer;
+
+    &:hover {
+      transition: all 200ms ease;
+      box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
+        0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
+      transform: translateY(-4px);
+    }
+  }
+}
+
+
+.E_c1yd35n {
   padding: 0 12px 14px 12px;
 }
 
@@ -3705,33 +3732,6 @@
 }
 
 
-.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),
-    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);
-}
-
-.E_c1eym6el {
-  border-radius: 8px;
-  background-color: white;
-  &.hoverable {
-    cursor: pointer;
-
-    &:hover {
-      transition: all 200ms ease;
-      box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
-        0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
-      transform: translateY(-4px);
-    }
-  }
-}
-
-
 .E_lht19u8 {
   width: 64px;
   height: 64px;
@@ -3788,75 +3788,186 @@
 }
 
 
-.E_w7ob4th {
-  &.outside-tag {
-    padding-left: 0;
-    .inside-tag {
-      border-radius: 4px 0 0 4px;
-      padding-right: 4px;
-      margin-right: 4px;
-    }
-  }
-}
-
-
-.E_slr2ynn {
-    padding: 0 8px;
-    height: 18px;
-  }
-
-.E_m140wbb6 {
-    padding: 2px 8px;
-    height: 24px;
-  }
-
-.E_t1fozc1i {
+.E_sddwhm6 {
+  $prefix: ui-kit-status-capsule;
   margin: 0;
-}
-
-.E_i1vxv4ln {
-  margin-right: 4px;
-  height: 16px;
-}
+  border-radius: 20px;
+  padding: 2px 10px;
+  height: 22px;
 
-.E_n1afl31m {
-  &.ant-tag.ant-tag-gray {
-    font-weight: 700;
+  &.ant-tag.#{$prefix}.off-white {
+    background-color: $fill-neutral-trans-1 !important;
+    &.tag-hover:hover,
+    &.__pseudo-states-hover {
+      background-color: $fill-neutral-trans-2 !important;
+    }
+  }
+  &.ant-tag.#{$prefix} {
     color: $text-neutral-primary;
-    background-color: $fill-neutral-trans-1;
-    border: 1px solid $stroke-neutral-trans-2;
-    word-break: break-all;
-    display: inline;
-    white-space: normal;
+    .#{$prefix}-icon {
+      margin-right: 6px;
+    }
+    .#{$prefix}-number {
+      margin-left: 8px;
+      color: #2C385299;
+    }
+    &.ant-tag-blue {
+      background-color: $fill-outstanding-light;
+      .#{$prefix}-icon {
+        background-color: $fill-outstanding-base;
+      }
+      &.tag-hover:hover,
+      &.__pseudo-states-hover {
+        background-color: $fill-outstanding-light-hover;
+      }
+    }
+    &.ant-tag-red {
+      background-color: $fill-serious-light;
+      .#{$prefix}-icon {
+        background-color: $fill-serious-base;
+      }
+      &.tag-hover:hover,
+      &.__pseudo-states-hover {
+        background-color: $fill-serious-light-hover;
+      }
+    }
+    &.ant-tag-yellow {
+      background-color: $fill-notice-light;
+      .#{$prefix}-icon {
+        background-color: $fill-notice-base;
+      }
+      &.tag-hover:hover,
+      &.__pseudo-states-hover {
+        background-color: $fill-notice-light-hover;
+      }
+    }
+    &.ant-tag-green {
+      background-color: $fill-positive-light;
+      .#{$prefix}-icon {
+        background-color: $fill-positive-base;
+      }
+      &.tag-hover:hover,
+      &.__pseudo-states-hover {
+        background-color: $fill-positive-light-hover;
+      }
+    }
+    &.ant-tag-gray {
+      background-color: $fill-neutral-trans-2;
+      .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
+        background-color: $gray-70;
+      }
+      &.tag-hover:hover,
+      &.__pseudo-states-hover {
+        background-color: $fill-neutral-trans-3-trans-2-hover;
+      }
+    }
   }
 }
 
-
-.E_tc97u5y {
-  height: 100%;
+.E_satwmqm {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  display: inline-block;
 }
 
-.E_efzf37v {
-  .ant-table-content,
-  .ant-table-body {
-    overflow: visible !important;
-    height: 100%;
-  }
-
-  .ant-table-tbody .ant-table-placeholder td {
-    height: 100%;
-  }
 
-  table {
-    width: 100% !important;
-    height: 100%;
-    .ant-table-placeholder .ant-table-expanded-row-fixed {
-      padding: 15px 0;
+.E_l48ei06 {
+  @at-root {
+    button#{&}.ant-btn,
+    button#{&}.ant-btn.ant-btn-sm,
+    button#{&}.ant-btn.ant-btn-lg {
+      font-size: 12px;
+      line-height: 18px;
+      height: 18px;
+    }
+    button#{&} {
+      color: #0080FF;
+      height: unset;
+      .button-prefix-icon {
+        margin-right: 4px;
+      }
+      .button-suffix-icon {
+        margin-left: 4px;
+      }
+
+      &:hover,
+      &.__pseudo-states-hover {
+        color: #009DFF;
+      }
+
+      &:active,
+      &.__pseudo-states-active {
+        color: #005ED1;
+      }
+      &.ui-kit-link-disabled {
+        color: #0080FF;
+      }
+      &.ui-kit-link-primary {
+        color: #00122E;
+
+        &:hover,
+        &.__pseudo-states-hover {
+          color: #0080FF;
+        }
+
+        &:active,
+        &.__pseudo-states-active {
+          color: #005ED1;
+        }
+
+        &.ui-kit-link-disabled {
+          color: #00122E;
+        }
+      }
+
+      &.ui-kit-link-secondary {
+        color: #2C3852BF;
+
+        &:hover,
+        &.__pseudo-states-hover {
+          color: #0080FF;
+        }
+
+        &:active,
+        &.__pseudo-states-active {
+          color: #005ED1;
+        }
+
+        &.ui-kit-link-disabled {
+          color: #2C3852BF;
+        }
+      }
     }
-  }
-
-  table thead.ant-table-thead {
-    display: none;
+  }
+}
+
+
+.E_tc97u5y {
+  height: 100%;
+}
+
+.E_efzf37v {
+  .ant-table-content,
+  .ant-table-body {
+    overflow: visible !important;
+    height: 100%;
+  }
+
+  .ant-table-tbody .ant-table-placeholder td {
+    height: 100%;
+  }
+
+  table {
+    width: 100% !important;
+    height: 100%;
+    .ant-table-placeholder .ant-table-expanded-row-fixed {
+      padding: 15px 0;
+    }
+  }
+
+  table thead.ant-table-thead {
+    display: none;
   }
 }
 
@@ -4270,158 +4381,259 @@
 }
 
 
-.E_l48ei06 {
-  @at-root {
-    button#{&}.ant-btn,
-    button#{&}.ant-btn.ant-btn-sm,
-    button#{&}.ant-btn.ant-btn-lg {
-      font-size: 12px;
-      line-height: 18px;
-      height: 18px;
-    }
-    button#{&} {
-      color: #0080FF;
-      height: unset;
-      .button-prefix-icon {
-        margin-right: 4px;
-      }
-      .button-suffix-icon {
-        margin-left: 4px;
-      }
+.E_r77hffu {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  column-gap: 6px;
+}
 
-      &:hover,
-      &.__pseudo-states-hover {
-        color: #009DFF;
-      }
+.E_p1cmxsf7 {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  row-gap: var(--p1cmxsf7-0);
 
-      &:active,
-      &.__pseudo-states-active {
-        color: #005ED1;
-      }
-      &.ui-kit-link-disabled {
-        color: #0080FF;
-      }
-      &.ui-kit-link-primary {
-        color: #00122E;
+  .antd5-progress-line {
+    font-size: 0;
+    margin-bottom: unset;
+    margin-inline-end: unset;
+  }
+}
 
-        &:hover,
-        &.__pseudo-states-hover {
-          color: #0080FF;
-        }
 
-        &:active,
-        &.__pseudo-states-active {
-          color: #005ED1;
-        }
+.E_w7ob4th {
+  &.outside-tag {
+    padding-left: 0;
+    .inside-tag {
+      border-radius: 4px 0 0 4px;
+      padding-right: 4px;
+      margin-right: 4px;
+    }
+  }
+}
 
-        &.ui-kit-link-disabled {
-          color: #00122E;
-        }
-      }
 
-      &.ui-kit-link-secondary {
-        color: #2C3852BF;
+.E_i1g85yz3 {
+  margin-right: 4px;
+  height: 16px;
+}
 
-        &:hover,
-        &.__pseudo-states-hover {
-          color: #0080FF;
-        }
 
-        &:active,
-        &.__pseudo-states-active {
-          color: #005ED1;
-        }
+.E_t1dtlqs1 {
+  margin-bottom: 4px;
+  color: $text-secondary-light;
+}
 
-        &.ui-kit-link-disabled {
-          color: #2C3852BF;
-        }
-      }
-    }
+.E_s1ese5oy {
+  color: rgba(44, 56, 82, 0.6);
+  line-height: 32px;
+  height: 32px;
+  margin-bottom: 0;
+  &.primary,
+  &.info {
+    color: $text-light-general;
+  }
+  &.warning {
+    color: #ffa500;
+  }
+  &.success {
+    color: $text-light-positive;
+  }
+  &.danger,
+  &.error {
+    color: $text-light-serious;
+  }
+  &.normal {
+    color: $text-secondary-light;
   }
 }
 
+.E_b1ibis43 {
+  margin-bottom: 0;
+  color: $text-light-primary;
+}
 
-.E_sddwhm6 {
-  $prefix: ui-kit-status-capsule;
-  margin: 0;
-  border-radius: 20px;
-  padding: 2px 10px;
-  height: 22px;
+.E_b11xxjd2 {
+  line-height: 32px;
+  margin-right: 6px;
+}
 
-  &.ant-tag.#{$prefix}.off-white {
-    background-color: $fill-neutral-trans-1 !important;
-    &.tag-hover:hover,
-    &.__pseudo-states-hover {
-      background-color: $fill-neutral-trans-2 !important;
-    }
+.E_bsub5bw {
+  &.with-description {
+    height: 24px;
+    flex: 1;
+    position: relative;
+    top: -7px;
   }
-  &.ant-tag.#{$prefix} {
-    color: $text-neutral-primary;
-    .#{$prefix}-icon {
-      margin-right: 6px;
+  p {
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+
+.E_tmoyoag {
+  border: 1px solid $strokes-light-trans-2;
+  border-radius: 8px;
+  overflow: auto;
+  .ant-list {
+    position: relative;
+    .ant-list-item:last-child {
+      border-bottom: none;
     }
-    .#{$prefix}-number {
-      margin-left: 8px;
-      color: #2C385299;
+    .eagle-table-form-header {
+      position: sticky;
+      top: 0;
+      z-index: $eagle-table-form-header-index;
+      display: flex;
+      padding: 8px;
+      & {
+        align-items: inherit;
+      }
+      flex-wrap: nowrap;
+      justify-content: flex-start;
+      background: $fills-light-opaque-1;
+      font-size: 14px;
+      color: $text-secondary-light;
+      border-bottom: 1px solid $fills-light-trans-2;
     }
-    &.ant-tag-blue {
-      background-color: $fill-outstanding-light;
-      .#{$prefix}-icon {
-        background-color: $fill-outstanding-base;
+    .eagle-table-form-header .eagle-table-form-cell > p {
+      margin-bottom: 0;
+    }
+    .eagle-table-form-row {
+      display: flex;
+      justify-content: flex-start;
+      align-items: flex-start;
+      flex-wrap: wrap;
+      padding: 8px;
+      border: none;
+      .row-description {
+        flex-basis: 100%;
+        margin: 12px 0 0;
+        order: 99;
+        color: $text-secondary-light;
       }
-      &.tag-hover:hover,
-      &.__pseudo-states-hover {
-        background-color: $fill-outstanding-light-hover;
+      .row-error-message {
+        color: $text-light-serious;
+        flex-basis: 100%;
+        order: 98;
+        margin: 12px 0 0;
       }
-    }
-    &.ant-tag-red {
-      background-color: $fill-serious-light;
-      .#{$prefix}-icon {
-        background-color: $fill-serious-base;
+      &:hover {
+        background-color: $fills-light-trans-1;
       }
-      &.tag-hover:hover,
-      &.__pseudo-states-hover {
-        background-color: $fill-serious-light-hover;
+      &.isDragging {
+        background-color: $fills-light-general-general-light;
       }
     }
-    &.ant-tag-yellow {
-      background-color: $fill-notice-light;
-      .#{$prefix}-icon {
-        background-color: $fill-notice-base;
+    .eagle-table-form-cell {
+      flex: 1 0 0;
+      overflow: hidden;
+      .cell-description {
+        color: $text-secondary-light;
+        margin: 0;
       }
-      &.tag-hover:hover,
-      &.__pseudo-states-hover {
-        background-color: $fill-notice-light-hover;
+
+      @mixin text-align-style($align-position) {
+        & > * {
+          text-align: $align-position;
+        }
+        .ant-form-item-control-input-content {
+          &,
+          & > * {
+            text-align: $align-position;
+          }
+        }
       }
-    }
-    &.ant-tag-green {
-      background-color: $fill-positive-light;
-      .#{$prefix}-icon {
-        background-color: $fill-positive-base;
+
+      &.align-center {
+        @include text-align-style(center);
       }
-      &.tag-hover:hover,
-      &.__pseudo-states-hover {
-        background-color: $fill-positive-light-hover;
+      &.align-left {
+        @include text-align-style(left);
+      }
+      &.align-right {
+        @include text-align-style(right);
+      }
+
+      &:not(:last-of-type) {
+        margin-right: 8px;
       }
     }
-    &.ant-tag-gray {
-      background-color: $fill-neutral-trans-2;
-      .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
-        background-color: $gray-70;
+    .ant-list-item-action {
+      padding: 4px;
+      width: 24px;
+      height: 24px;
+      overflow: hidden;
+      li {
+        padding: 0;
       }
-      &.tag-hover:hover,
-      &.__pseudo-states-hover {
-        background-color: $fill-neutral-trans-3-trans-2-hover;
+    }
+    .delete-row-icon.disabled {
+      cursor: not-allowed;
+      opacity: 0.5;
+    }
+    &.size-default {
+      .ant-list-item-action {
+        margin: 0;
+      }
+      .eagle-table-form-cell {
+        .ant-input,
+        .ant-select-selector {
+          border-radius: 5px;
+          font-size: 12px;
+        }
+        .ant-input-affix-wrapper {
+          font-size: inherit;
+        }
+
+        .ant-form-item-control-input {
+          min-height: 24px;
+          font-size: 12px;
+          position: relative;
+        }
+      }
+    }
+  }
+  &.row-split-by-border {
+    .eagle-table-form-row {
+      border-bottom: 1px solid $fills-light-trans-2;
+    }
+  }
+  &.row-split-by-zebraMarking {
+    .draggable-container {
+      & > :nth-child(2n) {
+        background-color: $fills-trans-primary-light;
       }
     }
   }
 }
 
-.E_satwmqm {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  display: inline-block;
+.E_a138syjm {
+  display: flex;
+  align-items: center;
+  margin-top: 8px;
+  button.ant-btn {
+    padding: 2px 8px;
+    height: 24px;
+  }
+  & > span.maximum-desc {
+    display: none;
+    margin-left: 8px;
+    color: $text-secondary-light;
+    &.disabled {
+      display: inline;
+    }
+  }
+}
+
+.E_d77i8u0 {
+  width: 24px;
+  height: 24px;
+  padding: 4px;
+  margin-right: 8px;
 }
 
 
@@ -4572,358 +4784,111 @@
   }
 }
 
-.E_v4tv3mf {
-  $item: ant-steps-item;
-  .ant-steps.ant-steps-vertical {
-    width: 192px;
-    row-gap: 2px;
-
-    .preview-mode:not(.#{$item}-active) .#{$item}-container {
-      &:hover {
-        background-color: $fill-neutral-trans-2;
-      }
-      .#{$item}-title {
-        color: $text-neutral-primary !important;
-      }
-    }
-    .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
-      .#{$item}-container:hover {
-      background-color: $fill-neutral-trans-2;
-    }
-    .#{$item}-container {
-      padding: 0 8px;
-      border-radius: 4px;
-      height: 32px;
-      display: flex;
-      align-items: center;
-      .#{$item}-content {
-        min-height: auto;
-        white-space: nowrap;
-        & .ant-steps-item-title {
-          font-size: 13px;
-          line-height: 20px;
-          max-width: 100%;
-          padding-right: 0;
-        }
-      }
-    }
-    .#{$item}-active {
-      .ant-steps-item-container {
-        background: rgba($blue-60, 0.1);
-      }
-    }
-  }
-}
-
-.E_h6l1tj4 {
-  width: 100%;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  column-gap: 4px;
-  .step-item-prefix-container {
-    display: inline-flex;
-    align-items: center;
-    width: 18px;
-    height: 18px;
-    color: $gray-a75-8;
-    justify-content: center;
-  }
-}
-
-.E_v18frne8 {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  column-gap: 6px;
-  font-size: 13px;
-  .step-item-prefix-container {
-    display: inline-flex;
-    align-items: center;
-    min-width: 20px;
-    min-height: 20px;
-    color: $gray-a75-8;
-    justify-content: center;
-  }
-}
-
-
-.E_i1g85yz3 {
-  margin-right: 4px;
-  height: 16px;
-}
-
-
-.E_t1dtlqs1 {
-  margin-bottom: 4px;
-  color: $text-secondary-light;
-}
-
-.E_s1ese5oy {
-  color: rgba(44, 56, 82, 0.6);
-  line-height: 32px;
-  height: 32px;
-  margin-bottom: 0;
-  &.primary,
-  &.info {
-    color: $text-light-general;
-  }
-  &.warning {
-    color: #ffa500;
-  }
-  &.success {
-    color: $text-light-positive;
-  }
-  &.danger,
-  &.error {
-    color: $text-light-serious;
-  }
-  &.normal {
-    color: $text-secondary-light;
-  }
-}
-
-.E_b1ibis43 {
-  margin-bottom: 0;
-  color: $text-light-primary;
-}
-
-.E_b11xxjd2 {
-  line-height: 32px;
-  margin-right: 6px;
-}
-
-.E_bsub5bw {
-  &.with-description {
-    height: 24px;
-    flex: 1;
-    position: relative;
-    top: -7px;
-  }
-  p {
-    width: 100%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-}
-
-.E_tmoyoag {
-  border: 1px solid $strokes-light-trans-2;
-  border-radius: 8px;
-  overflow: auto;
-  .ant-list {
-    position: relative;
-    .ant-list-item:last-child {
-      border-bottom: none;
-    }
-    .eagle-table-form-header {
-      position: sticky;
-      top: 0;
-      z-index: $eagle-table-form-header-index;
-      display: flex;
-      padding: 8px;
-      & {
-        align-items: inherit;
-      }
-      flex-wrap: nowrap;
-      justify-content: flex-start;
-      background: $fills-light-opaque-1;
-      font-size: 14px;
-      color: $text-secondary-light;
-      border-bottom: 1px solid $fills-light-trans-2;
-    }
-    .eagle-table-form-header .eagle-table-form-cell > p {
-      margin-bottom: 0;
-    }
-    .eagle-table-form-row {
-      display: flex;
-      justify-content: flex-start;
-      align-items: flex-start;
-      flex-wrap: wrap;
-      padding: 8px;
-      border: none;
-      .row-description {
-        flex-basis: 100%;
-        margin: 12px 0 0;
-        order: 99;
-        color: $text-secondary-light;
-      }
-      .row-error-message {
-        color: $text-light-serious;
-        flex-basis: 100%;
-        order: 98;
-        margin: 12px 0 0;
-      }
-      &:hover {
-        background-color: $fills-light-trans-1;
-      }
-      &.isDragging {
-        background-color: $fills-light-general-general-light;
-      }
-    }
-    .eagle-table-form-cell {
-      flex: 1 0 0;
-      overflow: hidden;
-      .cell-description {
-        color: $text-secondary-light;
-        margin: 0;
-      }
-
-      @mixin text-align-style($align-position) {
-        & > * {
-          text-align: $align-position;
-        }
-        .ant-form-item-control-input-content {
-          &,
-          & > * {
-            text-align: $align-position;
-          }
-        }
-      }
-
-      &.align-center {
-        @include text-align-style(center);
-      }
-      &.align-left {
-        @include text-align-style(left);
-      }
-      &.align-right {
-        @include text-align-style(right);
-      }
-
-      &:not(:last-of-type) {
-        margin-right: 8px;
+.E_v4tv3mf {
+  $item: ant-steps-item;
+  .ant-steps.ant-steps-vertical {
+    width: 192px;
+    row-gap: 2px;
+
+    .preview-mode:not(.#{$item}-active) .#{$item}-container {
+      &:hover {
+        background-color: $fill-neutral-trans-2;
       }
-    }
-    .ant-list-item-action {
-      padding: 4px;
-      width: 24px;
-      height: 24px;
-      overflow: hidden;
-      li {
-        padding: 0;
+      .#{$item}-title {
+        color: $text-neutral-primary !important;
       }
     }
-    .delete-row-icon.disabled {
-      cursor: not-allowed;
-      opacity: 0.5;
+    .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
+      .#{$item}-container:hover {
+      background-color: $fill-neutral-trans-2;
     }
-    &.size-default {
-      .ant-list-item-action {
-        margin: 0;
-      }
-      .eagle-table-form-cell {
-        .ant-input,
-        .ant-select-selector {
-          border-radius: 5px;
-          font-size: 12px;
-        }
-        .ant-input-affix-wrapper {
-          font-size: inherit;
-        }
-
-        .ant-form-item-control-input {
-          min-height: 24px;
-          font-size: 12px;
-          position: relative;
+    .#{$item}-container {
+      padding: 0 8px;
+      border-radius: 4px;
+      height: 32px;
+      display: flex;
+      align-items: center;
+      .#{$item}-content {
+        min-height: auto;
+        white-space: nowrap;
+        & .ant-steps-item-title {
+          font-size: 13px;
+          line-height: 20px;
+          max-width: 100%;
+          padding-right: 0;
         }
       }
     }
-  }
-  &.row-split-by-border {
-    .eagle-table-form-row {
-      border-bottom: 1px solid $fills-light-trans-2;
-    }
-  }
-  &.row-split-by-zebraMarking {
-    .draggable-container {
-      & > :nth-child(2n) {
-        background-color: $fills-trans-primary-light;
+    .#{$item}-active {
+      .ant-steps-item-container {
+        background: rgba($blue-60, 0.1);
       }
     }
   }
 }
 
-.E_a138syjm {
-  display: flex;
+.E_h6l1tj4 {
+  width: 100%;
+  display: inline-flex;
   align-items: center;
-  margin-top: 8px;
-  button.ant-btn {
-    padding: 2px 8px;
-    height: 24px;
-  }
-  & > span.maximum-desc {
-    display: none;
-    margin-left: 8px;
-    color: $text-secondary-light;
-    &.disabled {
-      display: inline;
-    }
+  justify-content: center;
+  column-gap: 4px;
+  .step-item-prefix-container {
+    display: inline-flex;
+    align-items: center;
+    width: 18px;
+    height: 18px;
+    color: $gray-a75-8;
+    justify-content: center;
   }
 }
 
-.E_d77i8u0 {
-  width: 24px;
-  height: 24px;
-  padding: 4px;
-  margin-right: 8px;
-}
-
-
-.E_r77hffu {
+.E_v18frne8 {
+  width: 100%;
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  justify-content: center;
   column-gap: 6px;
+  font-size: 13px;
+  .step-item-prefix-container {
+    display: inline-flex;
+    align-items: center;
+    min-width: 20px;
+    min-height: 20px;
+    color: $gray-a75-8;
+    justify-content: center;
+  }
 }
 
-.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_slr2ynn {
+    padding: 0 8px;
+    height: 18px;
   }
-}
 
+.E_m140wbb6 {
+    padding: 2px 8px;
+    height: 24px;
+  }
 
-.E_t13ef470 {
-  height: 100%;
-  .table-loading-item {
-    padding: 12px 4px;
-    border-bottom: 1px solid rgba($gray-50, 0.18);
-    display: flex;
+.E_t1fozc1i {
+  margin: 0;
+}
 
-    > * {
-      height: 16px;
-      margin: 4px;
-      background: rgba($gray-50, 0.18);
-      border-radius: 2px;
-    }
-    .checkbox-loading {
-      width: 16px;
-    }
-    .td-loading {
-      flex: 1;
-    }
-  }
+.E_i1vxv4ln {
+  margin-right: 4px;
+  height: 16px;
+}
 
-  :nth-child(1) {
-    padding: 8px 4px;
-    > * {
-      background: rgba($gray-70, 0.18);
-    }
-  }
-  :nth-child(1) {
-    > * {
-      background: rgba($gray-60, 0.18);
-    }
+.E_n1afl31m {
+  &.ant-tag.ant-tag-gray {
+    font-weight: 700;
+    color: $text-neutral-primary;
+    background-color: $fill-neutral-trans-1;
+    border: 1px solid $stroke-neutral-trans-2;
+    word-break: break-all;
+    display: inline;
+    white-space: normal;
   }
 }
 
@@ -5012,6 +4977,41 @@
         }
 
 
+.E_t13ef470 {
+  height: 100%;
+  .table-loading-item {
+    padding: 12px 4px;
+    border-bottom: 1px solid rgba($gray-50, 0.18);
+    display: flex;
+
+    > * {
+      height: 16px;
+      margin: 4px;
+      background: rgba($gray-50, 0.18);
+      border-radius: 2px;
+    }
+    .checkbox-loading {
+      width: 16px;
+    }
+    .td-loading {
+      flex: 1;
+    }
+  }
+
+  :nth-child(1) {
+    padding: 8px 4px;
+    > * {
+      background: rgba($gray-70, 0.18);
+    }
+  }
+  :nth-child(1) {
+    > * {
+      background: rgba($gray-60, 0.18);
+    }
+  }
+}
+
+
 .E_t1gvlxt5 {
   min-width: 0;
   flex: 1;
@@ -5431,15 +5431,48 @@
   font-size: 12px;
   padding: 3px 6px;
 
-  &:first-child {
-    padding-top: 3px;
-  }
-  &:last-child {
-    padding-bottom: 3px;
-  }
-  .column-value {
-    color: $white;
-    margin-left: 8px;
+  &:first-child {
+    padding-top: 3px;
+  }
+  &:last-child {
+    padding-bottom: 3px;
+  }
+  .column-value {
+    color: $white;
+    margin-left: 8px;
+  }
+}
+
+
+.E_s20iney {
+  &.skeleton-box {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    border-radius: 2px;
+    background: #E1E6F199;
+    overflow: hidden;
+
+    & > .skeleton-shimmer {
+      width: 200%;
+      height: 200%;
+      transform: rotate(15deg);
+      position: absolute;
+      top: -50%;
+      flex-shrink: 0;
+      opacity: 0.8;
+      background: linear-gradient(
+        90deg,
+        rgba(255, 255, 255, 0) 15%,
+        #FFFFFF99 50%,
+        rgba(255, 255, 255, 0) 85%
+      );
+
+      animation: shimmer 1100ms infinite;
+    }
+
+    @keyframes shimmer {       from {         left: -120%;       }       to {         left: 100%;       }     }
   }
 }
 
@@ -5527,39 +5560,6 @@
 }
 
 
-.E_s20iney {
-  &.skeleton-box {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: relative;
-    border-radius: 2px;
-    background: #E1E6F199;
-    overflow: hidden;
-
-    & > .skeleton-shimmer {
-      width: 200%;
-      height: 200%;
-      transform: rotate(15deg);
-      position: absolute;
-      top: -50%;
-      flex-shrink: 0;
-      opacity: 0.8;
-      background: linear-gradient(
-        90deg,
-        rgba(255, 255, 255, 0) 15%,
-        #FFFFFF99 50%,
-        rgba(255, 255, 255, 0) 85%
-      );
-
-      animation: shimmer 1100ms infinite;
-    }
-
-    @keyframes shimmer {       from {         left: -120%;       }       to {         left: 100%;       }     }
-  }
-}
-
-
 .E_t1g36k2w {
   overflow: hidden;
   height: 100%;
@@ -5751,6 +5751,104 @@
 }
 
 
+.E_clm1wy1 {
+  width: 192px;
+  height: 246px;
+  border-radius: 4px;
+
+  > .ant-picker-calendar,
+  > .ant-picker-calendar .ant-picker-panel {
+    width: 100%;
+    background-color: rgba(245, 247, 250, 0.6);
+    border-top: none;
+
+    .ant-picker-body {
+      padding: 0 16px;
+    }
+
+    .ant-picker-content {
+      width: 100%;
+      height: 180px;
+      border-spacing: 0;
+
+      thead {
+        margin-bottom: 8px;
+      }
+      th {
+        width: 22px;
+      }
+      td {
+        padding: 0;
+      }
+    }
+  }
+
+  .ant-picker-cell {
+    color: rgba(62, 70, 82, 0.6);
+    opacity: 0.4;
+  }
+  .ant-picker-cell-in-view {
+    color: rgba(62, 70, 82, 0.6);
+    opacity: 1;
+  }
+  .ant-picker-cell-in-view > .active {
+    color: #3e4652;
+  }
+
+  .ant-picker-cell::before {
+    pointer-events: none;
+  }
+}
+
+.E_t1tsm00v {
+  color: rgba(129, 138, 153, 0.6);
+  box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
+  backdrop-filter: blur(10px);
+  padding: 7px 10px;
+}
+
+.E_c167wnad {
+  color: rgba(62, 70, 82, 0.6);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 16px;
+
+  .anticon {
+    cursor: pointer;
+    &:hover {
+      color: $blue;
+    }
+  }
+}
+
+.E_cxhf7dh {
+  text-align: center;
+
+  .dots {
+    display: flex;
+    justify-content: center;
+  }
+  .dot {
+    display: inline-block;
+    width: 2px;
+    height: 2px;
+    border-radius: 1px;
+    background: $blue;
+
+    &:not(:last-child) {
+      margin-right: 2px;
+    }
+  }
+  .bar {
+    width: 9px;
+    height: 2px;
+    background: $blue;
+    border-radius: 2px;
+  }
+}
+
+
 .E_c18bcrac {
   display: inline-block;
   width: 100%;
@@ -5802,108 +5900,165 @@
 }
 
 
-.E_clm1wy1 {
-  width: 192px;
-  height: 246px;
-  border-radius: 4px;
+.E_c1up1pdz {
+  width: 648px;
 
-  > .ant-picker-calendar,
-  > .ant-picker-calendar .ant-picker-panel {
-    width: 100%;
-    background-color: rgba(245, 247, 250, 0.6);
-    border-top: none;
+  &.active {
+    border-color: $blue-60;
 
-    .ant-picker-body {
-      padding: 0 16px;
+    > header {
+      background: rgba($blue-60, 0.1);
     }
+  }
 
-    .ant-picker-content {
-      width: 100%;
-      height: 180px;
-      border-spacing: 0;
+  .expand {
+    padding: 12px;
+  }
 
-      thead {
-        margin-bottom: 8px;
-      }
-      th {
-        width: 22px;
-      }
-      td {
-        padding: 0;
-      }
+  .field-item {
+    display: flex;
+    padding: 10px 0;
+    border-bottom: 1px solid rgba(213, 219, 227, 0.6);
+
+    &:last-child {
+      border-bottom: none;
+      padding-bottom: 0;
+    }
+
+    label {
+      line-height: 32px;
+      width: 100px;
+      color: rgba(62, 70, 82, 0.6);
     }
   }
 
-  .ant-picker-cell {
+  .help {
     color: rgba(62, 70, 82, 0.6);
-    opacity: 0.4;
+    margin-top: 5px;
   }
-  .ant-picker-cell-in-view {
-    color: rgba(62, 70, 82, 0.6);
-    opacity: 1;
+
+  .ant-input-affix-wrapper,
+  .ant-picker {
+    width: 128px;
   }
-  .ant-picker-cell-in-view > .active {
-    color: #3e4652;
+}
+
+.E_c156wh19 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  word-break: keep-all;
+
+  .title {
+    margin: 0 16px 0 8px;
   }
 
-  .ant-picker-cell::before {
-    pointer-events: none;
+  .retain {
+    color: rgba(129, 138, 153, 0.6);
   }
-}
 
-.E_t1tsm00v {
-  color: rgba(129, 138, 153, 0.6);
-  box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
-  backdrop-filter: blur(10px);
-  padding: 7px 10px;
+  div.left {
+    flex: 1;
+    display: flex;
+    overflow: hidden;
+    align-items: center;
+    justify-content: flex-start;
+    white-space: nowrap;
+
+    .title {
+      max-width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+
+  div.right {
+    display: flex;
+    align-items: center;
+  }
+
+  .reverse {
+    display: flex;
+    flex-direction: row-reverse;
+    align-items: center;
+
+    .ant-switch {
+      margin-left: 8px;
+    }
+  }
+
+  .close {
+    padding-left: 14px;
+    margin-left: 14px;
+    border-left: 1px solid rgba(129, 138, 153, 0.6);
+    cursor: pointer;
+  }
 }
 
-.E_c167wnad {
-  color: rgba(62, 70, 82, 0.6);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 8px 16px;
+.E_m126spxy {
+  .ant-btn.ant-btn-link {
+    padding: 1px 10px;
+    color: rgba(62, 70, 82, 0.6);
+    border-radius: 4px;
 
-  .anticon {
-    cursor: pointer;
-    &:hover {
+    &.active {
+      background: rgba(0, 128, 255, 0.1);
       color: $blue;
     }
   }
+
+  padding-bottom: 4px;
+  border-bottom: 1px solid rgba(213, 219, 227, 0.6);
 }
 
-.E_cxhf7dh {
-  text-align: center;
+.E_wpbf4pq {
+  padding: 10px 0;
+  border-bottom: 1px solid rgba(213, 219, 227, 0.6);
 
-  .dots {
-    display: flex;
-    justify-content: center;
+  .ant-input,
+  .ant-picker {
+    width: 80px;
+    margin: 0 9px;
+    text-align: center;
   }
-  .dot {
-    display: inline-block;
-    width: 2px;
-    height: 2px;
-    border-radius: 1px;
-    background: $blue;
 
-    &:not(:last-child) {
-      margin-right: 2px;
+  .options {
+    padding: 12px 0 12px 16px;
+    border-left: 2px solid rgba(129, 138, 153, 0.6);
+    margin: 5px 0 5px 8px;
+  }
+  .week-day-option,
+  .month-day-option {
+    background: #f5f7fa;
+    box-sizing: border-box;
+    border-radius: 16px;
+    margin-right: 8px;
+
+    &:focus {
+      color: inherit;
+      border-color: #d9d9d9;
     }
   }
-  .bar {
-    width: 9px;
-    height: 2px;
-    background: $blue;
-    border-radius: 2px;
+  .week-day-option {
+    &.active {
+      background-color: $blue;
+      border-color: $blue;
+      color: $white;
+    }
+    &.en-text {
+      width: 110px;
+      margin-top: 4px;
+    }
   }
-}
-
+  .month-day-option {
+    width: 32px;
+    padding: 0;
+    margin-bottom: 8px;
 
-.E_tqjc4ui {
-  @at-root {
-    span#{&} {
-      margin: 0 2px;
+    &.active {
+      background-color: $blue;
+      border-color: $blue;
+      color: $white;
     }
   }
 }
@@ -5922,35 +6077,11 @@
 }
 
 
-.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_s1iv0tp1 {
-  .enabled-switch {
-    display: flex;
-    align-items: center;
-  }
-
-  .enabled-text {
-    margin-right: 8px;
+.E_tqjc4ui {
+  @at-root {
+    span#{&} {
+      margin: 0 2px;
+    }
   }
 }
 
@@ -6067,197 +6198,36 @@
 }
 
 
-.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_c1up1pdz {
-  width: 648px;
-
-  &.active {
-    border-color: $blue-60;
-
-    > header {
-      background: rgba($blue-60, 0.1);
-    }
-  }
-
-  .expand {
-    padding: 12px;
-  }
-
-  .field-item {
-    display: flex;
-    padding: 10px 0;
-    border-bottom: 1px solid rgba(213, 219, 227, 0.6);
-
-    &:last-child {
-      border-bottom: none;
-      padding-bottom: 0;
-    }
-
-    label {
-      line-height: 32px;
-      width: 100px;
-      color: rgba(62, 70, 82, 0.6);
-    }
-  }
-
-  .help {
-    color: rgba(62, 70, 82, 0.6);
-    margin-top: 5px;
-  }
-
-  .ant-input-affix-wrapper,
-  .ant-picker {
-    width: 128px;
-  }
-}
-
-.E_c156wh19 {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  word-break: keep-all;
-
-  .title {
-    margin: 0 16px 0 8px;
-  }
-
-  .retain {
-    color: rgba(129, 138, 153, 0.6);
-  }
-
-  div.left {
-    flex: 1;
-    display: flex;
-    overflow: hidden;
-    align-items: center;
-    justify-content: flex-start;
-    white-space: nowrap;
-
-    .title {
-      max-width: 100%;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-
-  div.right {
-    display: flex;
-    align-items: center;
-  }
-
-  .reverse {
+.E_s1iv0tp1 {
+  .enabled-switch {
     display: flex;
-    flex-direction: row-reverse;
     align-items: center;
-
-    .ant-switch {
-      margin-left: 8px;
-    }
-  }
-
-  .close {
-    padding-left: 14px;
-    margin-left: 14px;
-    border-left: 1px solid rgba(129, 138, 153, 0.6);
-    cursor: pointer;
   }
-}
-
-.E_m126spxy {
-  .ant-btn.ant-btn-link {
-    padding: 1px 10px;
-    color: rgba(62, 70, 82, 0.6);
-    border-radius: 4px;
 
-    &.active {
-      background: rgba(0, 128, 255, 0.1);
-      color: $blue;
-    }
+  .enabled-text {
+    margin-right: 8px;
   }
-
-  padding-bottom: 4px;
-  border-bottom: 1px solid rgba(213, 219, 227, 0.6);
 }
 
-.E_wpbf4pq {
-  padding: 10px 0;
-  border-bottom: 1px solid rgba(213, 219, 227, 0.6);
 
-  .ant-input,
-  .ant-picker {
-    width: 80px;
-    margin: 0 9px;
-    text-align: center;
-  }
+.E_n12mqh7z {
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+  line-height: 18px;
 
-  .options {
-    padding: 12px 0 12px 16px;
-    border-left: 2px solid rgba(129, 138, 153, 0.6);
-    margin: 5px 0 5px 8px;
+  &:not(:last-child) {
+    margin-bottom: 4px;
   }
-  .week-day-option,
-  .month-day-option {
-    background: #f5f7fa;
-    box-sizing: border-box;
-    border-radius: 16px;
-    margin-right: 8px;
+}
 
-    &:focus {
-      color: inherit;
-      border-color: #d9d9d9;
-    }
-  }
-  .week-day-option {
-    &.active {
-      background-color: $blue;
-      border-color: $blue;
-      color: $white;
-    }
-    &.en-text {
-      width: 110px;
-      margin-top: 4px;
-    }
-  }
-  .month-day-option {
-    width: 32px;
-    padding: 0;
-    margin-bottom: 8px;
+.E_tf5bynu {
+  margin: 0 3px;
+}
 
-    &.active {
-      background-color: $blue;
-      border-color: $blue;
-      color: $white;
-    }
-  }
+.E_tcckoz1 {
+  max-height: 400px;
+  overflow: auto;
 }
 
 
@@ -6287,6 +6257,36 @@
 }
 
 
+.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_skwah65 {
   height: 8px;
   box-sizing: border-box;
@@ -6709,10 +6709,177 @@
 }
 
 
-.E_h1ol2wl7 {
-  font-weight: bold;
-  background-color: unset;
-  padding: unset;
+.E_kr6am0s {
+  .ant-modal-body {
+    padding: 60px 128px;
+  }
+}
+
+.E_k1h3cl5q {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.E_k1a6j97w {
+  color: $gray-120;
+  font-size: 32px !important;
+  margin-bottom: 16px;
+}
+
+.E_k1uim1fg {
+  margin-bottom: 32px;
+  color: $gray-120;
+}
+
+.E_kobelzt {
+  font-family:
+    Roboto Mono,
+    SFMono-Regular,
+    SF Mono,
+    Menlo,
+    Consolas,
+    Liberation Mono,
+    monospace;
+  min-height: 0;
+  flex: 1;
+  padding: 16px;
+  background-color: $gray-80;
+  color: $white;
+  overflow: auto;
+  max-width: 100%;
+  min-height: 0;
+  border-radius: 8px;
+  white-space: pre-wrap;
+}
+
+.E_kxzv3id {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  padding: 0 128px;
+}
+
+.E_eld9lt {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}
+
+.E_e1505fqc {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  .title {
+    margin-bottom: 8px;
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-image: linear-gradient(211.41deg, #929dad 0%, #d3dbe3 100%);
+  }
+}
+
+
+.E_i5w779o {
+  padding: 8px 0;
+
+  .col-label {
+    flex-shrink: unset;
+    * {
+      line-height: 18px;
+    }
+  }
+  .col-content {
+    flex: 1 1 0;
+    display: flex;
+    align-items: center;
+    * {
+      line-height: 18px;
+    }
+  }
+}
+
+.E_l18dja44 {
+  padding: 6px 0;
+
+  .col-label * {
+    font-size: 13px;
+    line-height: 20px;
+  }
+  .col-content * {
+    font-size: 14px;
+    line-height: 20px;
+  }
+}
+
+.E_c8c2hys {
+  display: flex;
+  justify-content: space-between;
+  flex: 1;
+  min-width: 0;
+}
+
+.E_n4m6c4d {
+  color: $text-light-tertiary;
+}
+
+
+.E_cyms3br {
+  background: #fff;
+  width: 100%;
+  border-radius: 8px;
+  border: 1px solid rgba(228, 233, 242, 1);
+  .ant-list {
+    padding: 12px;
+  }
+  .ant-list-item {
+    padding: 4px 0;
+  }
+  .ant-alert {
+    margin-left: 24px;
+  }
+  header {
+    background: rgba(225, 230, 241, 0.6);
+    font-size: 12px;
+    color: rgba(29, 50, 108, 1);
+    font-weight: 700;
+    padding: 6px 12px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    .switch-text {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: space-between;
+      gap: 6px;
+      font-size: 12px;
+      font-weight: 400;
+      color: rgba(0, 18, 46, 1);
+    }
+  }
+}
+
+.E_c157gu4z {
+  .ant-list-item {
+    display: flex;
+    flex-direction: row;
+  }
+  .description {
+    flex-grow: 1;
+    margin-left: 8px;
+  }
+}
+
+.E_eu1sysj {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
 }
 
 
@@ -6761,103 +6928,114 @@
 }
 
 
-.E_i5w779o {
-  padding: 8px 0;
+.E_h1ol2wl7 {
+  font-weight: bold;
+  background-color: unset;
+  padding: unset;
+}
+
+
+.E_c14ouk5o {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  font-size: 12px;
+  line-height: 18px;
+  padding: 8px 0;
+  box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
+
+  &:last-of-type {
+    box-shadow: none;
+    padding-bottom: 0;
+  }
+  &.collapsed {
+    flex-direction: column;
+
+    .collapsed-content {
+      display: flex;
 
-  .col-label {
-    flex-shrink: unset;
-    * {
-      line-height: 18px;
+      > span {
+        flex: 1;
+        display: flex;
+        justify-content: space-between;
+        .ant-btn {
+          height: auto;
+        }
+      }
+    }
+    .extra-content {
+      margin-left: 162px;
     }
   }
+
+  .col-label {
+    width: 216px;
+    color: $text-secondary-light;
+    margin-right: 12px;
+    flex-shrink: 0;
+  }
+
   .col-content {
-    flex: 1 1 0;
-    display: flex;
-    align-items: center;
-    * {
-      line-height: 18px;
+    color: $text-primary-light;
+
+    /* make btn link in info row have the same height as normal text */
+    .ant-btn.ant-btn-link {
+      height: auto;
     }
   }
 }
 
-.E_l18dja44 {
-  padding: 6px 0;
 
-  .col-label * {
-    font-size: 13px;
-    line-height: 20px;
-  }
-  .col-content * {
-    font-size: 14px;
-    line-height: 20px;
-  }
+.E_cevhqx7 {
+  color: $text-light-primary;
 }
 
-.E_c8c2hys {
-  display: flex;
-  justify-content: space-between;
-  flex: 1;
-  min-width: 0;
+.E_snbqlt4 {
+  margin-top: 8px;
+  color: $text-light-secondary;
 }
 
-.E_n4m6c4d {
-  color: $text-light-tertiary;
-}
 
+.E_c1ss4prm {
+  color: $text-light-secondary;
 
-.E_cyms3br {
-  background: #fff;
-  width: 100%;
-  border-radius: 8px;
-  border: 1px solid rgba(228, 233, 242, 1);
-  .ant-list {
-    padding: 12px;
-  }
-  .ant-list-item {
-    padding: 4px 0;
-  }
-  .ant-alert {
-    margin-left: 24px;
-  }
-  header {
-    background: rgba(225, 230, 241, 0.6);
-    font-size: 12px;
-    color: rgba(29, 50, 108, 1);
-    font-weight: 700;
-    padding: 6px 12px;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-    .switch-text {
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      justify-content: space-between;
-      gap: 6px;
-      font-size: 12px;
-      font-weight: 400;
-      color: rgba(0, 18, 46, 1);
+  li {
+    margin-bottom: 4px;
+
+    &:last-child {
+      margin-bottom: 0;
     }
   }
 }
 
-.E_c157gu4z {
-  .ant-list-item {
-    display: flex;
-    flex-direction: row;
-  }
-  .description {
-    flex-grow: 1;
-    margin-left: 8px;
+.E_ms3tlei {
+  background: $fill-neutral-trans-2;
+  padding: 8px;
+  border-radius: 6px;
+  color: $gray-a60-8;
+
+  li {
+    margin-bottom: 4px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
   }
 }
 
-.E_eu1sysj {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
+.E_du44iy7 {
+  margin-bottom: 4px;
+}
+
+.E_s1qmhanr {
+  color: $text-light-secondary;
+  margin-bottom: 8px;
+}
+
+.E_drje1h0 {
+  height: 1px;
+  background: $strokes-light-opaque-2;
+  margin: 16px 0;
 }
 
 
@@ -7155,6 +7333,8 @@
 
   .date-range-picker-calendar {
     flex: 1;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
   }
 }
 
@@ -7179,6 +7359,7 @@
 
         p {
           margin: 0;
+          margin-bottom: 2px;
         }
       }
 
@@ -7225,6 +7406,7 @@
     list-style: none;
     padding: 0;
     margin-top: 12px;
+    margin-bottom: 12px;
 
     li {
       padding: 5px 8px;
@@ -7302,12 +7484,24 @@
       height: 40px;
       line-height: 40px;
       padding: 0 12px 0 16px;
+
+      // Used to modify the position of the Popover.
+      // Because the Popover doesn't wrap the entire input field but the internal element, we can change the position of the Popover by changing the style of the internal element so as not to cause too much adjustment of the element structure
+      .date-input-content {
+        padding-left: 40px;
+        transform: translateX(-40px);
+      }
     }
 
     &.medium {
       height: 32px;
       line-height: 32px;
       padding: 0 8px 0 12px;
+
+      .date-input-content {
+        padding-left: 36px;
+        transform: translateX(-36px);
+      }
     }
 
     .date-input-content {
@@ -7356,6 +7550,10 @@
 }
 
 .E_d956d92 {
+  .ant-popover-inner {
+    border-radius: 8px;
+  }
+
   .ant-popover-inner-content {
     .tab-menu {
       .tab-bar {
@@ -7440,110 +7638,6 @@
 }
 
 
-.E_c14ouk5o {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  font-size: 12px;
-  line-height: 18px;
-  padding: 8px 0;
-  box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
-
-  &:last-of-type {
-    box-shadow: none;
-    padding-bottom: 0;
-  }
-  &.collapsed {
-    flex-direction: column;
-
-    .collapsed-content {
-      display: flex;
-
-      > span {
-        flex: 1;
-        display: flex;
-        justify-content: space-between;
-        .ant-btn {
-          height: auto;
-        }
-      }
-    }
-    .extra-content {
-      margin-left: 162px;
-    }
-  }
-
-  .col-label {
-    width: 216px;
-    color: $text-secondary-light;
-    margin-right: 12px;
-    flex-shrink: 0;
-  }
-
-  .col-content {
-    color: $text-primary-light;
-
-    /* make btn link in info row have the same height as normal text */
-    .ant-btn.ant-btn-link {
-      height: auto;
-    }
-  }
-}
-
-
-.E_cevhqx7 {
-  color: $text-light-primary;
-}
-
-.E_snbqlt4 {
-  margin-top: 8px;
-  color: $text-light-secondary;
-}
-
-
-.E_c1ss4prm {
-  color: $text-light-secondary;
-
-  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;
-
-  li {
-    margin-bottom: 4px;
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-}
-
-.E_du44iy7 {
-  margin-bottom: 4px;
-}
-
-.E_s1qmhanr {
-  color: $text-light-secondary;
-  margin-bottom: 8px;
-}
-
-.E_drje1h0 {
-  height: 1px;
-  background: $strokes-light-opaque-2;
-  margin: 16px 0;
-}
-
-
 .E_l12xdkhl {
   width: 64px;
   height: 64px;