@cloudtower/eagle 0.33.45 → 0.33.46

package/dist/linaria.merged.scss

@@ -1,3 +1,31 @@
+.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;
@@ -23,31 +51,22 @@
 }
 
 
-.E_c18gxmrl {
-  border: 1px solid $gray-40;
-  border-radius: 4px;
-
-  & + & {
-    margin-top: 8px;
-  }
+.E_berrcjl {
+  color: $text-terdiary-light;
+  margin-bottom: 4px;
 
-  &:hover {
-    border-color: $blue-60;
+  .breadcrumb-link {
+    color: $text-terdiary-light;
+    cursor: pointer;
+    transition: color 160ms ease;
 
-    > header {
-      background: rgba($blue-60, 0.1);
+    &:hover {
+      color: $blue-60;
     }
-  }
-
-  &.active {
-    header {
-      border-bottom: 1px solid $gray-40;
+    &:active {
+      color: $blue-80;
     }
   }
-
-  > header {
-    padding: 8px 12px;
-  }
 }
 
 
@@ -409,25 +428,6 @@
 }
 
 
-.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;
 }
@@ -469,20 +469,17 @@
 }
 
 
-.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_sx1bpnu {
+  .ant-input-sm {
+    line-height: 18px;
+  }
+}
+
+
+.E_c1yyuluq {
+  border-radius: 8px;
+  .ant-card-body {
+    padding: 20px 24px 24px 24px;
   }
 }
 
@@ -512,14 +509,6 @@
 }
 
 
-.E_c1yyuluq {
-  border-radius: 8px;
-  .ant-card-body {
-    padding: 20px 24px 24px 24px;
-  }
-}
-
-
 .E_ccrbeuz {
   .ant-collapse-item {
     border: 0px;
@@ -552,6 +541,24 @@
 }
 
 
+.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_d1bw7c5z {
   position: relative;
   max-width: 388px;
@@ -698,13 +705,6 @@
 }
 
 
-.E_sx1bpnu {
-  .ant-input-sm {
-    line-height: 18px;
-  }
-}
-
-
 .E_phljevk {
   display: flex;
   justify-content: space-between;
@@ -772,6 +772,49 @@
 }
 
 
+.E_ivqqkzv {
+  height: 24px;
+  width: 56px !important;
+  margin-right: 4px;
+}
+
+.E_c1wk4q29 {
+              color: $text-secondary-light;
+            }
+
+
+.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_rapgekc {
   &.ant-radio-wrapper {
     display: inline-flex;
@@ -953,47 +996,64 @@
 }
 
 
-.E_i11gg7mj {
-  .ant-input-prefix {
-    margin-right: 8px;
+.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-input-suffix {
-    margin-left: 8px;
+  &.ant-switch-small {
+    min-width: 26px;
+    height: 16px;
+  }
+  &.ant-switch-large {
+    min-width: 52px;
+    height: 32px;
   }
-}
-
-.E_cc368xp {
-  color: $gray-120;
-  border-right: 1px solid $gray-a60-5;
-  margin-right: 8px;
-  padding-right: 8px;
-}
 
-.E_i11o6xqj {
-  display: flex;
-  gap: 4px;
+  &.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;
+    }
+  }
 
-  .icon-wrapper {
-    cursor: pointer;
+  &.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_d19ruhdj {
-  &.icon-wrapper {
-    cursor: not-allowed;
+.E_c1up6e3y {
+    margin-left: 5px;
   }
-}
-
-
-.E_ivqqkzv {
-  height: 24px;
-  width: 56px !important;
-  margin-right: 4px;
-}
-
-.E_c1wk4q29 {
-              color: $text-secondary-light;
-            }
 
 
 .E_c1bus5hc {
@@ -1047,155 +1107,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_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_s1sck0th {
     padding: 0 8px;
     border-radius: 4px;
@@ -1282,11 +1193,6 @@
 }
 
 
-.E_iq1gosr {
-  display: inline-block;
-}
-
-
 .E_t1m2x205 {
   .ant-tooltip-arrow {
     display: none;
@@ -1301,6 +1207,100 @@
 }
 
 
+.E_iq1gosr {
+  display: inline-block;
+}
+
+
+.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%;
@@ -1382,20 +1382,6 @@
 }
 
 
-.E_i1inqkme {
-  height: 18px;
-  line-height: 18px;
-  padding: 0 4px;
-  border-radius: 4px;
-  background: rgba(235, 239, 245, 0.6);
-  border: 1px solid rgba(223, 228, 235, 0.6);
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-  margin-right: 4px;
-}
-
-
 .E_a1wfy30z {
   .ant-input-number-handler-wrap {
     display: var(--a1wfy30z-0);
@@ -1514,6 +1500,20 @@
 }
 
 
+.E_i1inqkme {
+  height: 18px;
+  line-height: 18px;
+  padding: 0 4px;
+  border-radius: 4px;
+  background: rgba(235, 239, 245, 0.6);
+  border: 1px solid rgba(223, 228, 235, 0.6);
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  margin-right: 4px;
+}
+
+
 .E_atcz0kf {
   .ant-input-suffix {
     margin-left: 8px;
@@ -2348,43 +2348,6 @@
 }
 
 
-.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_dsnbhzf {
   @include Inter(bold);
   font-size: 32px;
@@ -2739,6 +2702,43 @@
 }
 
 
+.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;
 }
@@ -3660,6 +3660,33 @@
 }
 
 
+.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_l48ei06 {
   @at-root {
     button#{&}.ant-btn,
@@ -3731,261 +3758,117 @@
 }
 
 
-.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_sddwhm6 {
+  $prefix: ui-kit-status-capsule;
+  margin: 0;
+  border-radius: 20px;
+  padding: 2px 10px;
+  height: 22px;
 
-.E_c1yd35n {
-  padding: 0 12px 14px 12px;
+  &.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;
+    .#{$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_satwmqm {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  display: inline-block;
+}
 
-.E_c1kghdax {
-  color: $text-primary-light;
-  padding: 7px 12px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
 
-  &.has-arrow {
-    padding-left: 10px;
+.E_tc97u5y {
+  height: 100%;
+}
 
-    .title-wrapper {
-      cursor: pointer;
-      color: $text-light-primary;
+.E_efzf37v {
+  .ant-table-content,
+  .ant-table-body {
+    overflow: visible !important;
+    height: 100%;
+  }
 
-      &.is-open {
-        color: $text-primary-light;
-        font-weight: 600;
+  .ant-table-tbody .ant-table-placeholder td {
+    height: 100%;
+  }
 
-        .collapse-arrow {
-          transform: rotate(90deg);
-        }
-      }
+  table {
+    width: 100% !important;
+    height: 100%;
+    .ant-table-placeholder .ant-table-expanded-row-fixed {
+      padding: 15px 0;
     }
   }
 
-  .sub-info {
-    font-size: 12px;
-    line-height: 18px;
+  table thead.ant-table-thead {
+    display: none;
   }
-
-  .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_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;
-  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_sddwhm6 {
-  $prefix: ui-kit-status-capsule;
-  margin: 0;
-  border-radius: 20px;
-  padding: 2px 10px;
-  height: 22px;
-
-  &.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;
-    .#{$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_satwmqm {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  display: inline-block;
-}
-
-
-.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;
-  }
-}
+}
 
 .E_t1fisho6 {
   height: 100%;
@@ -4397,68 +4280,120 @@
 }
 
 
-.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;
 
-.E_w7ob4th {
-  &.outside-tag {
-    padding-left: 0;
-    .inside-tag {
-      border-radius: 4px 0 0 4px;
-      padding-right: 4px;
-      margin-right: 4px;
+        .collapse-arrow {
+          transform: rotate(90deg);
+        }
+      }
     }
   }
-}
 
+  .sub-info {
+    font-size: 12px;
+    line-height: 18px;
+  }
 
-.E_slr2ynn {
-    padding: 0 8px;
-    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;
   }
 
-.E_m140wbb6 {
-    padding: 2px 8px;
-    height: 24px;
+  .collapse-arrow {
+    transition: all 50ms ease-out 0ms;
+    margin-right: 2px;
   }
+}
 
-.E_t1fozc1i {
-  margin: 0;
+
+.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_i1vxv4ln {
-  margin-right: 4px;
-  height: 16px;
+
+.E_lht19u8 {
+  width: 64px;
+  height: 64px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  opacity: 0.2;
 }
 
-.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;
-  }
+.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;
 }
 
 
@@ -4679,12 +4614,6 @@
 }
 
 
-.E_i1g85yz3 {
-  margin-right: 4px;
-  height: 16px;
-}
-
-
 .E_sjob3jg {
   $item: ant-steps-item;
   --item-min-width: 60px;
@@ -4944,6 +4873,77 @@
 }
 
 
+.E_w7ob4th {
+  &.outside-tag {
+    padding-left: 0;
+    .inside-tag {
+      border-radius: 4px 0 0 4px;
+      padding-right: 4px;
+      margin-right: 4px;
+    }
+  }
+}
+
+
+.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_slr2ynn {
+    padding: 0 8px;
+    height: 18px;
+  }
+
+.E_m140wbb6 {
+    padding: 2px 8px;
+    height: 24px;
+  }
+
+.E_t1fozc1i {
+  margin: 0;
+}
+
+.E_i1vxv4ln {
+  margin-right: 4px;
+  height: 16px;
+}
+
+.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;
+  }
+}
+
+
+.E_i1g85yz3 {
+  margin-right: 4px;
+  height: 16px;
+}
+
+
 .E_l1ucdodl {
   $prefix: ui-kit-status-legend;
   margin: 0;
@@ -5558,6 +5558,39 @@
 }
 
 
+.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_icab5o7 {
   --modal-header-height: 140px;
   &.ant-modal {
@@ -5846,39 +5879,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_sqv6dmy {
   display: flex;
   justify-content: flex-end;
@@ -6055,22 +6055,77 @@
 }
 
 
-.E_s1ebs0ra {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  background: $backgrounds-light-grouped;
-  padding: 8px 12px;
-  position: sticky;
-  top: 0;
-  z-index: 1;
-  margin-bottom: -52px;
-
-  .select-total {
-    display: flex;
-    align-items: center;
-    font-weight: 700;
-    flex-shrink: 0;
+.E_c18bcrac {
+  display: inline-block;
+  width: 100%;
+  .recharts-wrapper {
+    margin-left: 4px;
+  }
+}
+
+.E_cro7kg2 {
+  padding: 4px;
+
+  .unit {
+    color: white;
+  }
+}
+
+.E_c14wcxf0 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 13px;
+  line-height: 24px;
+  color: #cccccc;
+  white-space: nowrap;
+
+  label {
+    margin-right: 32px;
+  }
+}
+
+.E_coy29mj.E_c14wcxf0 {
+  font-weight: bold;
+  color: white;
+}
+
+.E_s11212zy {
+  width: 8px;
+  height: 8px;
+  border-radius: 2px;
+  display: inline-block;
+  background: var(--s11212zy-0);
+  border: 1px solid $fills-light-white;
+  box-sizing: content-box;
+  margin-right: 6px;
+}
+
+.E_p1lyky6c {
+  & > :first-child {
+    font-weight: bold;
+    color: white;
+    margin-right: 4px;
+  }
+}
+
+
+.E_s1ebs0ra {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: $backgrounds-light-grouped;
+  padding: 8px 12px;
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  margin-bottom: -52px;
+
+  .select-total {
+    display: flex;
+    align-items: center;
+    font-weight: 700;
+    flex-shrink: 0;
 
     .icon-wrapper {
       cursor: pointer;
@@ -6122,57 +6177,122 @@
 }
 
 
-.E_c18bcrac {
-  display: inline-block;
-  width: 100%;
-  .recharts-wrapper {
-    margin-left: 4px;
+.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;
+      }
+    }
   }
-}
 
-.E_cro7kg2 {
-  padding: 4px;
+  .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;
+  }
 
-  .unit {
-    color: white;
+  .ant-picker-cell::before {
+    pointer-events: none;
   }
 }
 
-.E_c14wcxf0 {
+.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;
-  font-size: 13px;
-  line-height: 24px;
-  color: #cccccc;
-  white-space: nowrap;
+  padding: 8px 16px;
 
-  label {
-    margin-right: 32px;
+  .anticon {
+    cursor: pointer;
+    &:hover {
+      color: $blue;
+    }
   }
 }
 
-.E_coy29mj.E_c14wcxf0 {
-  font-weight: bold;
-  color: white;
+.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_s11212zy {
-  width: 8px;
-  height: 8px;
-  border-radius: 2px;
-  display: inline-block;
-  background: var(--s11212zy-0);
-  border: 1px solid $fills-light-white;
-  box-sizing: content-box;
-  margin-right: 6px;
+
+.E_gmyahx3 {
+  cursor: pointer;
+
+  .link-text {
+    color: $text-light-tertiary;
+  }
+
+  &:hover .link-text {
+    color: $text-light-general;
+  }
 }
 
-.E_p1lyky6c {
-  & > :first-child {
-    font-weight: bold;
-    color: white;
-    margin-right: 4px;
+
+.E_tqjc4ui {
+  @at-root {
+    span#{&} {
+      margin: 0 2px;
+    }
   }
 }
 
@@ -6278,185 +6398,66 @@
     color: rgba(62, 70, 82, 0.6);
     border-radius: 4px;
 
-    &.active {
-      background: rgba(0, 128, 255, 0.1);
-      color: $blue;
-    }
-  }
-
-  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;
-  }
-
-  .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;
-    }
-  }
-  .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;
-
-    &.active {
-      background-color: $blue;
-      border-color: $blue;
-      color: $white;
-    }
-  }
-}
-
-
-.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;
+    &.active {
+      background: rgba(0, 128, 255, 0.1);
+      color: $blue;
     }
   }
-  .bar {
-    width: 9px;
-    height: 2px;
-    background: $blue;
-    border-radius: 2px;
-  }
+
+  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);
 
-.E_n12mqh7z {
-  display: flex;
-  align-items: center;
-  font-size: 12px;
-  line-height: 18px;
+  .ant-input,
+  .ant-picker {
+    width: 80px;
+    margin: 0 9px;
+    text-align: center;
+  }
 
-  &:not(:last-child) {
-    margin-bottom: 4px;
+  .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;
 
-.E_tf5bynu {
-  margin: 0 3px;
-}
+    &: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_tcckoz1 {
-  max-height: 400px;
-  overflow: auto;
+    &.active {
+      background-color: $blue;
+      border-color: $blue;
+      color: $white;
+    }
+  }
 }
 
 
@@ -6490,63 +6491,24 @@
 }
 
 
-.E_gmyahx3 {
-  cursor: pointer;
-
-  .link-text {
-    color: $text-light-tertiary;
-  }
-
-  &:hover .link-text {
-    color: $text-light-general;
-  }
-}
-
-
-.E_tqjc4ui {
-  @at-root {
-    span#{&} {
-      margin: 0 2px;
-    }
-  }
-}
-
-
-.E_wg1tsps {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-}
-
-.E_b1ctd5xy {
+.E_n12mqh7z {
   display: flex;
   align-items: center;
-  width: calc(100% - 40px);
+  font-size: 12px;
+  line-height: 18px;
 
-  .chart {
-    display: inline-block;
-    width: 100%;
+  &:not(:last-child) {
+    margin-bottom: 4px;
   }
 }
 
-.E_u1p8acpn {
-  min-width: 40px;
-
-  .unit {
-    color: $text-light-primary !important;
-  }
+.E_tf5bynu {
+  margin: 0 3px;
 }
 
-
-.E_s1iv0tp1 {
-  .enabled-switch {
-    display: flex;
-    align-items: center;
-  }
-
-  .enabled-text {
-    margin-right: 8px;
-  }
+.E_tcckoz1 {
+  max-height: 400px;
+  overflow: auto;
 }
 
 
@@ -6801,6 +6763,18 @@
 }
 
 
+.E_s1iv0tp1 {
+  .enabled-switch {
+    display: flex;
+    align-items: center;
+  }
+
+  .enabled-text {
+    margin-right: 8px;
+  }
+}
+
+
 .E_t160l1cm {
   display: flex;
   flex-direction: column;
@@ -7069,6 +7043,32 @@
 }
 
 
+.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_cyms3br {
   background: #fff;
   width: 100%;
@@ -7278,49 +7278,6 @@
 }
 
 
-.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_c1kchka8 {
   height: 100%;
   width: 100%;
@@ -7970,3 +7927,46 @@
   }
 }
 
+
+.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;
+}
+