.E_4100_0_24_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_4100_0_24_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_4100_0_24_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_4100_0_24_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_4100_0_24_b1nip9bk {
  padding: 4px 11px;
}

.E_4100_0_24_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_4100_0_24_b1wx3t3t {
  &.ant-btn-icon-only {
    justify-content: center;
  }
  &.ant-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    border-radius: 6px;
    line-height: 22px;
    transition:
      transform 160ms ease,
      background 160ms ease,
      opacity 160ms ease;
    transform: scale(var(--scale)) translateY(var(--transY)) translateZ(0);

    padding: 5px 12px;

    &.ant-btn-lg {
      height: 40px;
      line-height: 24px;
      padding: 8px 16px;
    }

    &.ant-btn-sm {
      height: 24px;
      line-height: 20px;
      padding: 2px 8px;
    }

    &.ant-btn-link {
      padding: 0;
    }

    &.ant-btn-circle,
    &.ant-btn-circle-outline {
      border-radius: 50%;
    }
  }

  .ant-btn-loading-icon span.anticon {
    margin-right: 8px;
    padding-right: 0px;
  }

  &.ant-btn.ant-btn-primary,
  &.ant-btn.ant-btn-secondary,
  &.ant-btn.ant-btn-tertiary,
  &.ant-btn.ant-btn-ordinary,
  &.ant-btn.ant-btn-ordinary-onTint,
  &.ant-btn.ant-btn-quiet {
    color: var(--color, #06101f);
    font-weight: var(--font-weight);
    background: var(--background-color, #fff);
    border-width: var(--border-width, 1px);
    border-color: var(--border-color, #d9d9d9);

    &[ant-click-animating-without-extra-node="true"]:after {
      display: none;
    }

    .anticon {
      color: var(--color, inherit);
    }

    &:hover,
    &.__pseudo-states-hover {
      background: var(--background-color-hover, var(--background-color));
      border-color: var(--border-color-hover, var(--border-color, transparent));
    }

    &:active,
    &.__pseudo-states-active {
      --scale: 1;
      --transY: 1px;
      background: var(--background-color-active, var(--background-color));
      border-color: var(
        --border-color-active,
        var(--border-color, transparent)
      );
    }

    &:focus,
    &.__pseudo-states-focus {
      background: var(--background-color-focus, var(--background-color));
      box-shadow: 0 0 0px 4px var(--box-shadow-color-focus);
      border-color: var(--border-color-focus, var(--border-color, transparent));
    }

    &[disabled],
    &[disabled]:hover,
    &[disabled]:focus,
    &[disabled]:active {
      color: var(--color-disabled, var(--color));
      background: var(--background-color-disabled, var(--background-color));
      border-color: var(
        --border-color-disabled,
        var(--border-color, transparent)
      );
      opacity: 0.5;
      --transY: 0;
    }
  }

  &.ant-btn-link {
    &[disabled] {
      color: $text-light-general;
      opacity: 0.5;
    }

    &:hover,
    &:focus {
      color: $link-outstandinghover;
    }

    &:active {
      color: $link-outstandingactive;
    }
  }

  &.ant-btn-primary {
    --color: #{$white};
    --font-weight: bold;
    --border-width: 0;

    --background-color: #{$fills-light-general-general};
    --background-color-hover: #{$fills-light-general-general-bright};
    --background-color-active: #{$fills-light-general-general-dark};
    --background-color-focus: #{$fills-light-general-general};
    --box-shadow-color-focus: #{$strokes-light-outstanding-light};
  }

  &.ant-btn-primary.ant-btn-dangerous {
    --background-color: #{$fills-light-serious-serious};
    --background-color-hover: #{$fills-light-serious-serious-bright};
    --background-color-active: #{$fills-light-serious-serious-dark};
    --background-color-focus: #{$fills-light-serious-serious-bright};
    --box-shadow-color-focus: #{$strokes-light-serious-light};
  }

  &.ant-btn-primary.btn-primary-orange {
    --background-color: #{$fills-light-notice-notice};
    --background-color-hover: #{$fills-light-notice-notice-bright};
    --background-color-active: #{$fills-light-notice-notice-dark};
    --background-color-focus: #{$fills-light-notice-notice};
  }

  &.ant-btn-secondary {
    --color: #{$text-light-general};
    --font-weight: bold;
    --border-width: 0;

    --background-color: #{$fills-light-general-general-light};
    --background-color-hover: #{$fills-interaction-light-outstanding-hover};
    --background-color-active: #{$fills-interaction-light-outstanding-active};
    --background-color-focus: #{$fills-light-general-general-light};
    --box-shadow-color-focus: #{$strokes-light-outstanding-light};
  }

  &.ant-btn-secondary.ant-btn-dangerous {
    --color: #{$text-light-serious};

    --background-color: #{$fills-light-serious-serious-light};
    --background-color-hover: #{$fills-interaction-light-serious-hover};
    --background-color-active: #{$fills-interaction-light-serious-active};
    --background-color-focus: #{$fills-light-serious-serious-light};
    --box-shadow-color-focus: #{$fills-interaction-light-serious-hover};
  }

  &.ant-btn-secondary.btn-primary-orange {
    --color: #{$text-light-notice};
    --background-color: #{$fills-light-notice-notice-light};
    --background-color-hover: #{$fills-interaction-light-notice-hover};
    --background-color-active: #{$fills-interaction-light-notice-active};
    --background-color-focus: #{$fills-light-notice-notice-light};
  }

  &.ant-btn-tertiary {
    --color: #{$text-light-general};
    --font-weight: bold;
    --border-width: 0;

    --background-color: #{$white};
    --box-shadow-color-focus: #{$strokes-light-outstanding-light};

    box-shadow: none;

    &:not([disabled]),
    &:not(:focus) {
      &:hover,
      &:active,
      &.__pseudo-states-hover,
      &.__pseudo-states-active {
        filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
      }
    }
  }

  &.ant-btn-tertiary.ant-btn-dangerous {
    --color: #{$text-light-serious};

    --background-color: #{$white};
    --box-shadow-color-focus: #{$fills-interaction-light-serious-hover};

    &:not([disabled]),
    &:not(:focus) {
      &:hover,
      &:active,
      &.__pseudo-states-hover,
      &.__pseudo-states-active {
        filter: drop-shadow(0px 2px 8px rgba(255, 74, 74, 0.1));
      }
    }
  }

  &.ant-btn-tertiary.btn-primary-orange {
    --color: #{$text-light-notice};
    --background-color: #{$white};

    &:not([disabled]),
    &:not(:focus) {
      &:hover,
      &:active,
      &.__pseudo-states-hover,
      &.__pseudo-states-active {
        filter: drop-shadow(0px 2px 8px rgba(255, 187, 0, 0.1));
      }
    }
  }

  &.ant-btn-ordinary {
    --color: #{$text-light-super};
    --border-color: #{$strokes-light-opaque-3};

    --background-color: #{$white};
    --background-color-hover: #{$fills-light-opaque-2};
    --background-color-active: #{$fills-light-opaque-3};
    --box-shadow-color-focus: #{$strokes-light-outstanding-light};

    box-shadow: 0px 1px 2px -1px rgba(44, 56, 82, 0.18);

    &:focus,
    &.__pseudo-states-focus {
      box-shadow: 0 0 0px 4px var(--box-shadow-color-focus);
    }
  }

  &.ant-btn-ordinary.ordinary-blue {
    --color: #{$text-light-general};
    --border-color: #{$fills-light-general-general};

    --background-color: #{$white};
    --background-color-hover: linear-gradient(
        0deg,
        rgba(0, 136, 255, 0.16),
        rgba(0, 136, 255, 0.16)
      ),
      #ffffff;
    --background-color-active: linear-gradient(
        0deg,
        rgba(0, 136, 255, 0.2),
        rgba(0, 136, 255, 0.2)
      ),
      #ffffff;
    --box-shadow-color-focus: #{$strokes-light-outstanding-light};

    box-shadow: 0px 1px 2px -1px rgba(44, 56, 82, 0.18);
  }

  &.ant-btn-ordinary.ant-btn-dangerous {
    --color: #{$text-light-serious};
    --border-color: #{$fills-light-serious-serious};

    --background-color: #{$white};
    --background-color-hover: linear-gradient(
        0deg,
        rgba(255, 74, 74, 0.16),
        rgba(255, 74, 74, 0.16)
      ),
      #ffffff;
    --background-color-active: linear-gradient(
        0deg,
        rgba(255, 74, 74, 0.2),
        rgba(255, 74, 74, 0.2)
      ),
      #ffffff;
    --box-shadow-color-focus: #{$strokes-light-serious-light};
  }

  &.ant-btn-ordinary-onTint {
    --color: #{$text-light-super};
    --border-color: #{$white};

    --background-color: #{$white};
    --background-color-hover: #{$fills-interaction-light-general-hover};
    --background-color-active: #{$fills-interaction-light-general-active};
    --box-shadow-color-focus: #{$strokes-light-outstanding-light};

    box-shadow: none;
  }

  &.ant-btn-ordinary-onTint.ordinary-blue {
    --color: #{$text-light-general};
    --border-color: #{$white};

    --background-color: #{$white};
    --background-color-hover: #{$fills-interaction-light-outstanding-hover};
    --background-color-active: #{$fills-interaction-light-outstanding-active};
    --box-shadow-color-focus: #{$strokes-light-outstanding-light};

    box-shadow: none;
  }

  &.ant-btn-ordinary-onTint.ant-btn-dangerous {
    --color: #{$text-light-serious};

    --background-color-hover: #{$fills-interaction-light-serious-hover};
    --background-color-active: #{$fills-interaction-light-serious-active};
    --box-shadow-color-focus: #{$strokes-light-serious-light};
  }

  &.ant-btn-quiet {
    --color: #{$text-light-secondary};
    --border-width: 0;

    --background-color: transparent;
    --background-color-hover: #{$fills-interaction-light-general-hover};
    --background-color-active: #{$fills-interaction-light-general-active};
    --background-color-focus: #{$white};
    --box-shadow-color-focus: #{$strokes-light-outstanding-light};
    box-shadow: none;
  }

  &.ant-btn-quiet.ant-btn-dangerous {
    --color: #{$text-light-serious};

    --background-color-hover: #{$fills-interaction-light-serious-hover};
    --background-color-active: #{$fills-interaction-light-serious-active};
    --box-shadow-color-focus: #{$strokes-light-serious-light};
  }

  &.ant-btn-quiet.quiet-blue {
    --color: #{$text-light-general};

    --background-color: transparent;
    --background-color-hover: #{$fills-interaction-light-outstanding-hover};
    --background-color-active: #{$fills-interaction-light-outstanding-active};
    --background-color-focus: #{$white};
    --box-shadow-color-focus: #{$strokes-light-outstanding-light};
  }

  .button-prefix-icon {
    margin-right: 8px;
    display: inline-flex;
  }
  .button-suffix-icon {
    margin-left: 8px;
    display: inline-flex;
  }
  .icon-wrapper {
    display: flex;
    justify-content: center;
  }
}


.E_4100_0_24_d1bw7c5z {
  position: relative;
  max-width: 388px;
  min-width: 285px;
  .center {
    position: absolute;
    font-size: 12px;
    width: 80px;
    height: 100px;
    top: 0;
    left: 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: $text-light-primary;

    .number {
      font-size: 24px;
      font-weight: 700;
    }

    .text {
      padding: 0 5px;
      font-size: 12px;
      width: inherit;
      text-align: center;
    }
  }
  .recharts-wrapper {
    display: flex;
    .recharts-legend-wrapper {
      position: relative !important;
      min-width: calc(
        100% - var(--d1bw7c5z-0)
      ) !important;
      left: 0 !important;
      bottom: 0 !important;
      display: flex;
      align-items: center;
      .recharts-default-legend {
        width: 100%;
      }
      li {
        width: 100%;
        margin-right: 0 !important;
        line-height: 18px;
        & > svg {
          border-radius: 2px;
        }
        & > .recharts-legend-item-text {
          min-width: 75px;
          max-width: 198px;
          width: calc(100% - 20px);
          margin-left: 2px;
          color: $text-light-primary !important;
          display: inline-flex;
          justify-content: space-between;
        }
      }
    }
  }
  .tooltip-text {
    maxwidth: calc(100% - 12px);
    cursor: pointer;
    border-bottom: 1px dashed $strokes-light-trans-4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .value {
    color: $text-neutral-secondary;
  }
}

.E_4100_0_24_t10pqbtc {
  width: 140px;

  .item {
    margin: 6px auto;
    display: flex;
    justify-content: space-between;

    .name {
      width: 102px;
    }
  }
}


.E_4100_0_24_c1yyuluq {
  border-radius: 8px;
  .ant-card-body {
    padding: 20px 24px 24px 24px;
  }
}


.E_4100_0_24_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_4100_0_24_c1fljvag {
  .ant-collapse-item {
    .ant-collapse-header {
      padding-right: 0px;
      cursor: default;
    }
  }
}


.E_4100_0_24_itxley7 {
  &.ant-input-group.ant-input-group-compact {
    display: flex;
  }

  &.ant-input-group.ant-input-group-compact > *:first-child,
  &.ant-input-group.ant-input-group-compact
    > .ant-select:first-child
    > .ant-select-selector,
  &.ant-input-group.ant-input-group-compact
    > .ant-calendar-picker:first-child
    .ant-input,
  &.ant-input-group.ant-input-group-compact
    > .ant-select-auto-complete:first-child
    .ant-input,
  &.ant-input-group.ant-input-group-compact
    > .ant-cascader-picker:first-child
    .ant-input,
  &.ant-input-group.ant-input-group-compact
    > .ant-mention-wrapper:first-child
    .ant-mention-editor,
  &.ant-input-group.ant-input-group-compact
    > .ant-time-picker:first-child
    .ant-time-picker-input {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
  }
  &.ant-input-group.ant-input-group-compact > *:last-child,
  &.ant-input-group.ant-input-group-compact
    > .ant-select:last-child
    > .ant-select-selector,
  &.ant-input-group.ant-input-group-compact
    > .ant-calendar-picker:last-child
    .ant-input,
  &.ant-input-group.ant-input-group-compact
    > .ant-select-auto-complete:last-child
    .ant-input,
  &.ant-input-group.ant-input-group-compact
    > .ant-cascader-picker:last-child
    .ant-input,
  &.ant-input-group.ant-input-group-compact
    > .ant-cascader-picker-focused:last-child
    .ant-input,
  &.ant-input-group.ant-input-group-compact
    > .ant-mention-wrapper:last-child
    .ant-mention-editor,
  &.ant-input-group.ant-input-group-compact
    > .ant-time-picker:last-child
    .ant-time-picker-input {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
  }
}


.E_4100_0_24_sx1bpnu {
  .ant-input-sm {
    line-height: 18px;
  }
}


.E_4100_0_24_rapgekc {
  &.ant-radio-wrapper {
    display: inline-flex;
    align-items: baseline;
    white-space: pre-wrap;

    .ant-radio {
      position: relative;
      top: 3px;

      .ant-radio-inner {
        border-color: $strokes-light-trans-4;
      }

      &:hover .ant-radio-inner {
        border-color: $blue-60;
      }

      &.ant-radio-checked .ant-radio-inner {
        border-color: $blue-60;
        background: $blue-60;
        &::after {
          top: 4px;
          left: 4px;
          width: 6px;
          height: 6px;
          background: $white;
        }
      }

      &.ant-radio-disabled {
        opacity: 0.5;

        .ant-radio-inner {
          border-color: $strokes-light-trans-4;
          background: $fills-light-trans-3;
          &::after {
            background: $text-light-primary;
          }
        }

        & + span {
          color: $text-light-primary;
          opacity: 0.5;

          .radio-description {
            color: $text-light-primary;
          }
        }
      }

      & + span {
        display: inline-block;
        padding: 0;
        padding-left: 10px;

        .radio-description {
          margin-bottom: 0;
          white-space: pre-wrap;
          color: $text-secondary-light;
        }
      }
    }
  }

  &.ant-radio-wrapper.compact {
    .ant-radio + span {
      padding-left: 8px;
    }
  }
}

.E_4100_0_24_rp906go {
  & .ant-radio-button-wrapper:first-child {
    border-radius: 5px 0 0 5px;
  }
  & .ant-radio-button-wrapper:last-child {
    border-radius: 0 5px 5px 0;
  }
}

.E_4100_0_24_rcc63c8 {
  color: $text-light-primary;
  border-color: $strokes-light-opaque-3;

  &:first-child {
    border-color: $strokes-light-opaque-4;
  }

  &.ant-radio-button-wrapper {
    padding: 0 12px;
    line-height: 32px;
    height: 32px;

    > span + span {
      white-space: nowrap;
    }
  }

  .ant-radio-group-small &.ant-radio-button-wrapper {
    height: 22px;
    padding: 0 7px;
    line-height: 20px;
  }

  &.ant-radio-button-wrapper:not(:first-child)::before {
    background: $strokes-light-opaque-3;
  }

  &.ant-radio-button-wrapper-checked:not(:first-child)::before {
    background: $fills-light-general-general;
  }

  &.ant-radio-button-wrapper-disabled:not(:first-child)::before {
    background: $strokes-light-opaque-3;
    opacity: 0.5;
  }

  &.ant-radio-button-wrapper-checked:not(
      [class*=" ant-radio-button-wrapper-disabled"]
    ).ant-radio-button-wrapper:first-child {
    border-right-color: $fills-light-general-general;
  }

  &.ant-radio-button-wrapper-checked:not(
      .ant-radio-button-wrapper-disabled
    ):first-child {
    border-color: $fills-light-general-general;
  }

  &.ant-radio-button-wrapper-checked {
    background: $fills-light-general-general-light;
  }

  &.ant-radio-button-wrapper-disabled {
    background: $fills-light-trans-3;
    border-color: $strokes-light-opaque-3;
    opacity: 0.5;
    &:hover {
      color: $text-light-primary;
      border-color: $strokes-light-opaque-3;
    }
  }

  &.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
    color: $text-light-primary;
    border-color: $strokes-light-opaque-3;
    background: $fills-light-trans-5;
  }

  & .ant-radio-button-input {
    margin-right: 8px;
    display: inline;
    border: none;
    padding: 0;
    width: 36px;
    background: transparent;
    &:focus {
      box-shadow: none;
    }
  }
  & .ant-radio-button-input.ant-input-number {
    margin-right: 0;
    width: initial;
    box-shadow: none;
  }
  & .ant-radio-button-input .ant-input-number-handler-wrap {
    display: none;
  }
  & .ant-radio-button-input .ant-input-number-input-wrap {
    display: inline;
  }
  & .ant-radio-button-input .ant-input-number-input-wrap input {
    display: inline;
    margin-right: 8px;
    padding: 0;
    width: 36px;
  }
}


.E_4100_0_24_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_4100_0_24_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_4100_0_24_ivqqkzv {
  height: 24px;
  width: 56px !important;
  margin-right: 4px;
}

.E_4100_0_24_c1wk4q29 {
              color: $text-secondary-light;
            }


.E_4100_0_24_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_4100_0_24_c1up6e3y {
    margin-left: 5px;
  }


.E_4100_0_24_c1bus5hc {
  --color: white;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color);

  .circle-inner {
    position: relative;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    overflow: hidden;
  }

  .circle-content {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
    background: linear-gradient(to right, var(--color) 50%, white 50%);
    transform: rotate(180deg);
  }

  .circle-child {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    margin-left: 50%;
    transform-origin: left;
    background: white;
    transform: rotate(0deg);
  }
}


.E_4100_0_24_iq1gosr {
  display: inline-block;
}


.E_4100_0_24_tju3gfj {
  .date {
    margin-right: 4px;
  }
}


.E_4100_0_24_t1m2x205 {
  .ant-tooltip-arrow {
    display: none;
  }
  .ant-tooltip-inner {
    background: $gray-a80-9;
    border-radius: 4px;
    &:has(.eagle-ellipsis-content) {
      visibility: hidden;
    }
  }
}


.E_4100_0_24_s1sck0th {
    padding: 0 8px;
    border-radius: 4px;
  }

.E_4100_0_24_m855nr1 {
    padding: 2px 8px;
    border-radius: 3px;
  }

.E_4100_0_24_l1270xpg {
    padding: 3px 8px;
    border-radius: 2px;
  }

.E_4100_0_24_t14rextb {
  &.ant-tag:hover {
    opacity: unset;
  }
  &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
    margin: 0;
    margin-right: 8px;
    display: inline-flex;
    align-items: center;
    border: none;
    & .ant-tag-close-icon {
      width: 16px;
      height: 16px;
      color: inherit;
      margin-left: 4px;
      opacity: 0.6;
      display: inline-flex;
      &:hover {
        opacity: 1;
      }
    }
    &.ant-tag-blue {
      color: $fills-light-general-general;
      background-color: $fills-light-general-general-light;
    }
    &.ant-tag-red {
      color: $fills-light-serious-serious;
      background-color: $fills-light-serious-serious-light;
    }
    &.ant-tag-yellow {
      color: $fills-light-notice-notice-dark;
      background-color: $fills-light-notice-notice-light;
    }
    &.ant-tag-green {
      color: $fills-light-positive-positive-dark;
      background-color: $fills-light-positive-positive-light;
    }
    &.ant-tag-gray {
      color: $text-light-super;
      background-color: $fills-element-light-container-general;
    }
    &.ant-tag-purple {
      color: $text-colorful-purple;
      background-color: $fill-purple-light;
    }

    &.ui-kit-token-checked {
      color: $text-light-on-tint;
      &.ant-tag-red {
        background-color: $fills-light-serious-serious;
      }
      &.ant-tag-yellow {
        background-color: $fills-light-notice-notice;
      }
      &.ant-tag-green {
        background-color: $fills-light-positive-positive;
      }
      &.ant-tag-blue {
        background-color: $fills-light-general-general;
      }
      &.ant-tag-gray {
        background-color: $gray-70;
      }
      &.ant-tag-purple {
        background-color: $fill-purple-base;
      }
    }
  }
}


.E_4100_0_24_s1dni7lo {
  width: 430px !important;
}

.E_4100_0_24_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_4100_0_24_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_4100_0_24_o1ifxsq4 {
    display: flex;
    justify-content: space-between;
    height: 20px;
    line-height: 20px;

    .timezone-title {
      color: #2d3a56;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }

.E_4100_0_24_o1zue7 {
    display: flex;
    justify-content: space-between;
    color: $text-light-secondary;
    height: 18px;
    line-height: 18px;
    margin-top: 2px;
  }

.E_4100_0_24_tyfmlxg {
  border: none;
  margin-right: 0;
  background: rgba(225, 230, 241, 0.6);
}

.E_4100_0_24_o18uybox {
  pointer-events: none;
  height: 32px;
  width: 100%;
  opacity: 0;
}


.E_4100_0_24_fzh9mnb {
  width: 100%;
  height: 100%;
  min-height: 124px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  .error-text {
    color: $text-terdiary-light;
    margin-bottom: 16px;
    font-size: 18px;
  }
}


.E_4100_0_24_f7pxqmh {
  width: 100%;
  margin-bottom: 0 !important;
  flex-flow: nowrap !important;
  line-break: auto;

  & > .ant-form-item-label {
    text-align: left !important;
    padding-bottom: 0 !important;

    & > label {
      min-height: 32px;
      height: auto;
      font-size: 13px;
      color: rgba(44, 56, 82, 0.6);
      white-space: normal;
    }
  }

  &.ant-form-item-has-error {
    .ant-input {
      border-color: #ff4d4f !important;
    }
    .ant-input-password {
      border-color: #ff4d4f !important;
    }
  }

  .ant-form-item-explain {
    margin-top: 4px;
    font-size: 12px;
    min-height: 0px;
  }

  .ant-form-item-extra {
    font-size: 12px;
    color: rgba(44, 56, 82, 0.6);
    min-height: 0px;
  }
}


.E_4100_0_24_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;
  }

  &.ant-input-number-sm input {
    height: 22px;
    border: 1px;
    padding: 2px 8px;
  }
}


.E_4100_0_24_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_4100_0_24_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_4100_0_24_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_4100_0_24_atcz0kf {
  .ant-input-suffix {
    margin-left: 8px;
  }
  &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
    padding: 2px 7px 2px 12px;
  }
}


.E_4100_0_24_dsnbhzf {
  @include Inter(bold);
  font-size: 32px;
  line-height: 40px;
}

.E_4100_0_24_d1mvo22k {
  @include Inter(bold);
  font-size: 24px;
  line-height: 32px;
}

.E_4100_0_24_d1b444tr {
  @include Inter();
  font-size: 24px;
  line-height: 32px;
}

.E_4100_0_24_dvs0kue {
  @include Inter();
  font-size: 32px;
  line-height: 40px;
}

.E_4100_0_24_d1hcbfcq {
  @include Inter(bold);
  font-size: 20px;
  line-height: 24px;
}

.E_4100_0_24_d1cz922v {
  @include Inter();
  font-size: 20px;
  line-height: 24px;
}

.E_4100_0_24_d3nzbrm {
  @include Inter(bold);
  font-size: 18px;
  line-height: 22px;
}

.E_4100_0_24_d1g0p5ob {
  @include Inter();
  font-size: 18px;
  line-height: 22px;
}

.E_4100_0_24_hydo2ej {
  @include Inter(bold);
  font-size: 16px;
  line-height: 22px;
}

.E_4100_0_24_h1hbuq0r {
  @include Inter();
  font-size: 16px;
  line-height: 22px;
}

.E_4100_0_24_h13bondg {
  @include Inter(bold);
  font-size: 14px;
  line-height: 20px;
}

.E_4100_0_24_h1mhvdlx {
  @include Inter();
  font-size: 14px;
  line-height: 20px;
}

.E_4100_0_24_h1inmfq6 {
  @include Inter(bold);
  font-size: 12px;
  line-height: 18px;
}

.E_4100_0_24_h1kfc0la {
  @include Inter();
  font-size: 12px;
  line-height: 18px;
}

.E_4100_0_24_h10xnyuu {
  @include Inter(bold);
  @include Uppercase();
  font-size: 12px;
  line-height: 18px;
}

.E_4100_0_24_hrcmi0v {
  @include Inter();
  @include Uppercase();
  font-size: 12px;
  line-height: 18px;
}

.E_4100_0_24_lzt43lp {
  @include Inter();
  font-size: 16px;
  line-height: 24px;
}

.E_4100_0_24_l5yc9nt {
  @include Inter(bold);
  font-size: 16px;
  line-height: 24px;
}

.E_4100_0_24_l1fbkbzo {
  @include Inter();
  @include Uppercase();
  font-size: 16px;
  line-height: 24px;
}

.E_4100_0_24_lahvcax {
  @include Inter(bold);
  @include Uppercase();
  font-size: 16px;
  line-height: 24px;
}

.E_4100_0_24_l11q3pxd {
  @include Inter();
  font-size: 14px;
  line-height: 22px;
}

.E_4100_0_24_lfuc2qu {
  @include Inter(500);
  font-size: 14px;
  line-height: 22px;
}

.E_4100_0_24_l1jmp8r0 {
  @include Inter(bold);
  font-size: 14px;
  line-height: 22px;
}

.E_4100_0_24_lcnm221 {
  @include Inter(bold);
  text-decoration-line: line-through;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  font-size: 14px;
  line-height: 22px;
}

.E_4100_0_24_lu1z2n5 {
  @include Inter();
  @include Uppercase();
  font-size: 14px;
  line-height: 22px;
}

.E_4100_0_24_l1r59djn {
  @include Inter(bold);
  @include Uppercase();
  font-size: 14px;
  line-height: 22px;
}

.E_4100_0_24_ljm2911 {
  @include Inter();
  font-size: 13px;
  line-height: 20px;
}

.E_4100_0_24_l124mzmr {
  @include Inter(600);
  font-size: 13px;
  line-height: 20px;
}

.E_4100_0_24_lb3chel {
  @include Inter(bold);
  font-size: 13px;
  line-height: 20px;
}

.E_4100_0_24_lv9jstu {
  @include Inter();
  @include Uppercase();
  font-size: 13px;
  line-height: 20px;
}

.E_4100_0_24_lwqlh3x {
  @include Inter(bold);
  @include Uppercase();
  font-size: 13px;
  line-height: 20px;
}

.E_4100_0_24_lalum9y {
  @include Inter();
  font-size: 12px;
  line-height: 18px;
}

.E_4100_0_24_l1t6dj5o {
  @include Inter(500);
  font-size: 12px;
  line-height: 18px;
}

.E_4100_0_24_l12f6ic {
  @include Inter(bold);
  font-size: 12px;
  line-height: 18px;
}

.E_4100_0_24_l7gmukq {
  @include Inter();
  @include Uppercase();
  font-size: 12px;
  line-height: 18px;
}

.E_4100_0_24_lkwl0yp {
  @include Inter(bold);
  @include Uppercase();
  font-size: 12px;
  line-height: 18px;
}

.E_4100_0_24_f10knv48 {
  @include Inter();
  font-size: 13px;
  line-height: 20px;
}

.E_4100_0_24_f6526ld {
  @include Inter();
  font-size: 12px;
  line-height: 18px;
}

.E_4100_0_24_t1j81vli {
  @include Inter();
  @include Monospace();
  font-size: 13px;
  line-height: 20px;
}

.E_4100_0_24_t1x7n1mk {
  @include Inter();
  @include Slashed();
  font-size: 13px;
  line-height: 20px;
}

.E_4100_0_24_t9fqufz {
  @include Inter();
  @include Monospace();
  font-size: 12px;
  line-height: 18px;
}

.E_4100_0_24_t1iwnybd {
  @include Inter(500);
  @include Monospace();
  font-size: 12px;
  line-height: 18px;
}

.E_4100_0_24_tprtm1e {
  @include Inter();
  @include Slashed();
  font-size: 12px;
  line-height: 18px;
}

.E_4100_0_24_t1lln87h {
  @include Inter(500);
  @include Slashed();
  font-size: 12px;
  line-height: 18px;
}

.E_4100_0_24_t2pb48l {
  @include Inter(bold);
  @include Slashed();
  font-size: 16px;
  line-height: 24px;
}

.E_4100_0_24_li9emkw {
  @include Inter();
  font-size: 16px;
  line-height: 24px;
}

.E_4100_0_24_l1nrg7da {
  @include Inter(bold);
  font-size: 16px;
  line-height: 24px;
}

.E_4100_0_24_l17k1i3n {
  @include Inter();
  font-size: 14px;
  line-height: 22px;
}

.E_4100_0_24_l1tvuj2e {
  @include Inter(bold);
  font-size: 14px;
  line-height: 22px;
}

.E_4100_0_24_l17uajlu {
  @include Inter();
  font-size: 13px;
  line-height: 20px;
}

.E_4100_0_24_l114zbyz {
  @include Inter(600);
  font-size: 13px;
  line-height: 20px;
}

.E_4100_0_24_l1il0kvi {
  @include Inter(bold);
  font-size: 13px;
  line-height: 20px;
}

.E_4100_0_24_l10dv8p1 {
  @include Inter();
  font-size: 12px;
  line-height: 18px;
}

.E_4100_0_24_lc2oqpq {
  @include Inter(500);
  font-size: 12px;
  line-height: 18px;
}

.E_4100_0_24_lzvddmc {
  @include Inter(bold);
  font-size: 12px;
  line-height: 18px;
}

.E_4100_0_24_f18llj45 {
  @include Inter();
  font-size: 13px;
  line-height: 20px;
}

.E_4100_0_24_f1rw95vc {
  @include Inter();
  font-size: 12px;
  line-height: 18px;
}

.E_4100_0_24_u1fx9fic {
  @include Inter();
  font-size: 10px;
  line-height: 12px;
}


.E_4100_0_24_owd0kml {
  display: inline-block;
}

.E_4100_0_24_h1jsgezc {
  visibility: hidden;
  position: absolute;
}


.E_4100_0_24_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_4100_0_24_m196gn1d {
  min-width: 1280px;
}


.E_4100_0_24_cnujxq2 {
  display: flex;
  flex-direction: column;
}

.E_4100_0_24_m7s48ia {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
  height: 100%;
}

.E_4100_0_24_wt5zbg6 {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
  display: flex;

  .left,
  .right {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 21%;
  }

  .left {
    display: flex;
    justify-content: flex-end;
    padding-right: 44px;
  }

  .right {
    padding-left: 44px;
  }

  .middle {
    margin-bottom: 40px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 58%;
    min-width: 0;
    .form-base-field {
      width: 100%;
      .form-base-field {
        width: auto;
      }
    }
  }
}

.E_4100_0_24_h18jprzg {
  .ant-modal-header {
    margin: 0 auto;
    width: 100%;
    max-width: 648px;
  }
  .ant-modal-header .ant-modal-title {
    margin-left: 0;
  }
  .ant-modal-body {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 648px;
    overflow: hidden;
  }
  .ant-modal-body .horizontal-steps-wrapper {
    margin-bottom: 40px;
  }
  .ant-modal-body .horizontal-content-wrapper {
    height: calc(100vh - 225px);
    overflow-y: auto;
  }
  .ant-modal-footer .footer-content {
    margin: 0 auto;
    max-width: 648px;
  }
}

.E_4100_0_24_h16z9xgz {
  .ant-modal-header {
    margin: 0 auto;
    width: 100%;
    max-width: 1024px;
  }
  .ant-modal-header .ant-modal-title {
    margin-left: 0;
  }
  .ant-modal-body {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1024px;
    overflow: hidden;
  }
  .ant-modal-body .horizontal-steps-wrapper {
    margin-bottom: 40px;
  }
  .ant-modal-body .horizontal-content-wrapper {
    height: calc(100vh - 225px);
    overflow-y: auto;
  }
  .ant-modal-footer .footer-content {
    margin: 0 auto;
    max-width: 1024px;
  }
}

.E_4100_0_24_f1lrhghm {
  flex: 1;

  label {
    font-size: 13px;
    line-height: 20px;
    color: $text-secondary-light;
  }

  .title {
    font-size: 14px;
    line-height: 20px;
    color: $text-primary-light;
    margin-bottom: 12px;
  }

  &.connect-cluster .title {
    padding-bottom: 26px;
  }
}

.E_4100_0_24_f18ot8em {
  padding: 25px 0 15px 0;
  border-bottom: 1px solid #e1e5eb;
  margin-bottom: 16px;
}

.E_4100_0_24_f1l1g2k0 {
  display: flex;
  align-items: center;
  margin-bottom: 8px;

  > label {
    width: 216px;
  }

  > label + * {
    width: 100%;
  }

  .ant-select {
    width: 100%;
  }
}

.E_4100_0_24_e1k89cwg {
  color: $red;
  margin-right: 10px;
}

.E_4100_0_24_d1oui1gf {
  width: 100%;
  height: 1px;
  background: rgba(213, 219, 227, 0.6);
  margin: 24px 0;
}

.E_4100_0_24_l15itdbb {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.E_4100_0_24_d1y3z4w {
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #8e9aa9;
  opacity: 0.4;
  border-radius: 50%;
  margin: 0 4px;
}

.E_4100_0_24_m177r7a3 {
  .ant-modal-header,
  .ant-modal-footer .footer-content {
    width: 648px;
    margin: 0 auto;
  }

  .ant-modal-header {
    padding: 35px 0 24px;
    border: none;

    .ant-modal-title {
      font-size: 30px;
    }
  }

  .ant-modal-body {
    padding: 4px 0 2px;
  }

  .ant-modal-footer {
    border: none;
  }
}

.E_4100_0_24_t1wwio3v {
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  color: $white;
  padding: 0 4px;
  border-radius: 4px;
  display: inline-block;
  background: var(--t1wwio3v-0);
  &:not(:first-child) {
    margin-left: 4px;
  }
}

.E_4100_0_24_f17jvtfk {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.E_4100_0_24_nzppkea {
  font-size: 90%;
  font-weight: bold;
  background-color: rgba(240, 243, 247, 0.6);
  padding: 1px 4px 1px;
  margin-left: 2px;
  margin-right: 2px;
  border: 1px solid rgba(213, 219, 227, 0.6);
  border-radius: 4px;
}

.E_4100_0_24_f4mi9eq {
  &.form-item-general {
    width: 640px;
    &.form-item + &.form-item {
      margin-top: 16px;
    }
  }
  &.form-item-compact {
    width: 412px;
    &.form-item + &.form-item {
      margin-top: 8px;
    }
  }
  & .form-item {
    width: auto;
  }
  .form-item-main {
    position: relative;
    display: flex;
  }
  .form-item-extra {
    margin-top: 4px;
    width: 100%;
    padding: 14px;
    background: #f2f4f6;
    font-size: 13px;
    line-height: 1.8;
    color: #8e9aa9;
  }
  .form-item-label {
    padding-right: 12px;
    font-size: 13px;
    color: $text-secondary-light;

    &.label-right {
      text-align: right;
    }
  }
  .form-item-label,
  .form-item-control {
    line-height: 32px;
  }
  .form-item-control .form-item-error {
    line-height: 18px;
  }
  .form-item-children {
    width: 100%;
    > *:only-child {
      &.ant-select,
      &.ant-radio-group,
      &.ant-checkbox-group {
        width: 100%;
      }
    }
  }
  .form-item-error {
    color: $red;
    height: 0;
    overflow: hidden;
  }
  .form-item-error-enter-done {
    margin-top: 4px;
    height: auto;
    overflow: auto;
  }
  &.form-base-field:not(.form-base-field-array) {
    .form-item-control.field-error .form-item-error {
      > input:not(.ant-input),
      :not(.ant-select) input {
        border: 1px solid $red;
        color: $red;
      }
    }
  }
}

.E_4100_0_24_fh0ewl8 {
  color: $gray-80;
  font-size: var(--field-title-font-size, 12px);
  font-weight: bold;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(213, 219, 227, 0.6);
  margin-bottom: 16px;

  &:not(:first-of-type) {
    margin-top: 16px;
  }
}

.E_4100_0_24_e1qrlvot {
  width: 8px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 200ms ease-out 40ms;

  &:before,
  &:after {
    content: "";
    width: 1px;
    height: 6px;
    border-radius: 1px;
    background: $gray-50;
    position: relative;
    right: 2px;
    transform: rotate(-45deg);
  }

  &:after {
    transform: rotate(45deg);
    left: 1px;
  }
}

.E_4100_0_24_w9ic984 {
  &.ant-alert-warning {
    border: 0;
    background: rgba(255, 187, 0, 0.1);
    border-radius: 6px;
  }
  &.ant-alert,
  .ant-alert-message {
    color: #e07f00;
    .dashed-border-bottom {
      border-bottom-color: #e07f00;
    }
  }
}

.E_4100_0_24_n1k9qi4r {
  display: flex;
  flex-direction: row;
  padding: 7px 12px;
  background: rgba(255, 187, 0, 0.1);
  border-radius: 6px;
  color: $fills-light-notice-notice-dark;
  font-size: 12px;
  line-height: 18px;
  .icon-wrapper {
    margin-right: 10px;
    height: 18px;
  }
}

.E_4100_0_24_n16fsg9x {
  display: flex;
  flex-direction: row;
  padding: 7px 12px;
  background: rgba(225, 230, 241, 0.6);
  border-radius: 6px;
  color: $text-light-secondary;
  font-size: 12px;
  line-height: 18px;
  .icon-wrapper {
    margin-right: 10px;
    height: 18px;
  }
}

.E_4100_0_24_i173wxzw {
  display: flex;
  flex-direction: row;
  padding: 7px 12px;
  background: rgba(0, 136, 255, 0.1);
  border-radius: 6px;
  color: $fills-light-general-general-dark;
  font-size: 12px;
  line-height: 18px;
  .icon-wrapper {
    margin-right: 10px;
    height: 18px;
  }
}

.E_4100_0_24_dld369h {
  color: $text-light-secondary;
  margin-top: 5px;
  font-size: 12px;
  line-height: 18px;
}

.E_4100_0_24_s1epv22q {
  color: $text-light-serious;
  font-size: 12px;
  white-space: pre-wrap;
}

.E_4100_0_24_okus5hk {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  .icon-wrapper {
    margin-right: 16px;
  }
}

.E_4100_0_24_t1auuzri {
  color: $text-light-tertiary;
}

.E_4100_0_24_i74cfyt {
  &.ant-input {
    padding: 5px 12px;
    line-height: 20px;
    color: $text-primary-light;
    border-radius: 6px;
    border-color: $strokes-light-trans-3;
    transition:
      height 240ms ease 8ms,
      border 160ms ease 8ms,
      box-shadow 160ms ease 8ms;
  }

  &.ant-input.ant-input-lg {
    padding: 8px 16px;
    line-height: 22px;
  }

  &.ant-input.ant-input-sm {
    padding: 2px 8px;
    line-height: 18px;
  }

  &.ant-input:not([disabled]),
  &.ant-input-number:not([disabled]) {
    &:hover,
    &.__pseudo-states-hover {
      border-color: $strokes-light-trans-4;
      box-shadow: $shadow-light-hover;
      z-index: $input-hover-index;
    }

    &:active,
    &:focus,
    &.__pseudo-states-active,
    &.__pseudo-states-focus {
      border-color: $blue;
      box-shadow: $shadow-light-active;
      z-index: $input-hover-index;
    }
  }

  &.ant-input.error:not([disabled]),
  &.ant-picker.error:not([disabled]),
  &.ant-input-number.error:not([disabled]) {
    border-color: $red;
    color: $red;

    &:hover,
    &.__pseudo-states-hover {
      border-color: $red;
      box-shadow: $shadow-light-hover;
    }

    &:active,
    &:focus,
    &.__pseudo-states-active,
    &.__pseudo-states-focus {
      border-color: $red;
      box-shadow: $shadow-light-error;
    }
  }

  &.ant-input[disabled],
  &.ant-input.ant-input-disabled,
  &.ant-input-number[disabled],
  &.ant-input-number.ant-input-number-disabled {
    background: $fills-trans-terdiary-light;
    color: $text-light-tertiary;
    border-color: $strokes-light-trans-3;
  }

  &.ant-input-affix-wrapper {
    padding: 5px 12px;
    border-radius: 6px;
    border-color: $strokes-light-trans-3;
    line-height: 20px;
    color: $text-primary-light;
    transition:
      height 240ms ease 8ms,
      border 160ms ease 8ms,
      box-shadow 160ms ease 8ms;

    .ant-input-suffix,
    .ant-input-prefix {
      color: $text-secondary-light;
    }
  }

  &.ant-input-affix-wrapper.ant-input-affix-wrapper-lg {
    padding: 8px 16px;
    line-height: 22px;
  }

  &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
    padding: 2px 8px;
    line-height: 18px;
  }

  &.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) {
    &:hover,
    &.__pseudo-states-hover {
      border-color: $strokes-light-trans-4;
      box-shadow: $shadow-light-hover;
    }

    &:active,
    &:focus,
    &.ant-input-affix-wrapper-focused,
    &.__pseudo-states-active,
    &.__pseudo-states-focus {
      border-color: $blue;
      box-shadow: $shadow-light-active;
    }
  }

  &.ant-input-affix-wrapper.error:not(.ant-input-affix-wrapper-disabled) {
    border-color: $red;
    > .ant-input {
      color: $red;
    }

    &:hover,
    &.__pseudo-states-hover {
      border-color: $red;
      box-shadow: $shadow-light-hover;
    }

    &:active,
    &:focus,
    &.ant-input-affix-wrapper-focused,
    &.__pseudo-states-active,
    &.__pseudo-states-focus {
      border-color: $red;
      box-shadow: $shadow-light-error;
    }
  }

  &.ant-input-affix-wrapper.ant-input-affix-wrapper-disabled {
    background: $fills-trans-terdiary-light;
    color: $text-light-tertiary;
    border-color: $strokes-light-trans-3;
  }

  @at-root {
    textarea#{&}.ant-input {
      transition-property: height;
      transition-delay: 50ms;
      &.textarea-large {
        min-height: 40px;
        height: 40px;
      }
      &.textarea-large:focus {
        height: 80px;
      }
      &.textarea-middle {
        min-height: 32px;
        height: 32px;
      }
      &.textarea-middle:focus {
        height: 64px;
      }
      &.textarea-small {
        min-height: 24px;
        height: 24px;
      }
      &.textarea-small:focus {
        height: 40px;
      }
    }
  }
}

.E_4100_0_24_k1ci6977 {
  &.input-tags {
    border: 1px solid rgba(213, 219, 227, 0.6);
    border-radius: 4px;
  }
  &.input-tags {
    position: relative;
    padding: 6px;
    height: 32px;
    cursor: pointer;
    transition: border 150ms;

    &:hover {
      border-color: $blue-60;
      box-shadow: 0 0 0px 2px rgba($blue-60, 0.1);
    }

    &.kit-input-suffix-wrapper {
      padding-right: 30px;
    }

    .input-tags-inner {
      display: flex;
      .tags-overflow-auto {
        display: flex;
      }
    }

    .input-tag-suffix {
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      .anticon-close-circle {
        color: rgba(0, 0, 0, 0.25);
        font-size: 12px;
        cursor: pointer;
        &:hover {
          color: rgba(0, 0, 0, 0.45);
        }
      }
    }
  }
  &.has-focus-indicator {
    position: relative;
    overflow: hidden;

    .ant-input-prefix {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: -16px;
      transition: left 150ms ease;
      opacity: 0;
    }
    &.ant-input-affix-wrapper-focused .ant-input-prefix {
      left: 8px;
      opacity: 1;
    }

    input {
      transition: margin-left 150ms ease;
      margin-left: 0px;
      &:focus {
        margin-left: 16px;
      }
    }
  }
}

.E_4100_0_24_l1f7td1d {
  @at-root {
    input#{&}.ant-input {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
  &.ant-input-affix-wrapper {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.E_4100_0_24_rf8rlle {
  @at-root {
    input#{&}.ant-input {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
  }

  &.ant-input-affix-wrapper {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.E_4100_0_24_llt2k48 {
  &.ant-select.select,
  &.ant-select.select .ant-select-selector {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.E_4100_0_24_rdwz7eh {
  &.ant-select.select,
  &.ant-select.select .ant-select-selector {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.E_4100_0_24_c3ni091 {
  display: flex;
  flex-direction: column;

  .select-wrapper {
    margin-top: 12px;

    .select {
      width: 100%;
    }
  }

  .radio-wrapper {
    margin-top: 24px;
  }

  div.form-item {
    width: 100%;
  }
}

.E_4100_0_24_d105ju2d {
  font-size: 14px;
  font-weight: 500;
  color: #3e4652;
  line-height: 18px;

  & + & {
    margin-top: 16px;
  }

  & + * {
    margin-top: 16px;
  }
}

.E_4100_0_24_lh0l62z.E_4100_0_24_d105ju2d {
  font-size: 12px;
  color: $gray-a60-8;
  margin-top: 12px;
}

.E_4100_0_24_r1o4v2oc.E_4100_0_24_lh0l62z.E_4100_0_24_d105ju2d {
  line-height: 18px;
  font-weight: 500;
  margin-top: 0;
  white-space: initial;
}

.E_4100_0_24_r1skkc3l {
  display: block;

  span {
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    color: #3e4652;
  }
}

.E_4100_0_24_c3cobmo {
  margin-top: 16px;
  padding: 8px;
  border-radius: 6px;
  background: $fills-element-light-container-general;
  color: $text-light-secondary;
  font-size: 12px;
  div {
    line-height: 20px;
    display: flex;
    align-items: center;
    word-break: break-all;
  }

  .title {
    font-weight: 700;
    line-height: 18px;
    margin: 4px 0;
  }
}

.E_4100_0_24_uqv57uv {
  color: #2C3852BF;
}


.E_4100_0_24_meo40fy {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  & .action {
    margin-left: 16px;
  }
}

.E_4100_0_24_a1ctixr3 {
  &.ant-alert-closable {
    padding-right: 12px;

    .ant-alert-close-icon {
      height: fit-content;
      margin-left: 16px;
    }
  }

  .ant-alert-message {
    flex: 1;
  }
}


.E_4100_0_24_s4ivdfu {
  &.ant-select {
    .ant-select-selection-placeholder {
      opacity: 1;
    }

    &.select-loading-value {
      pointer-events: none;
    }
  }
}

.E_4100_0_24_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;
          }
        }
      }

      // not open, not error
      &:not(.ant-select-open):not(.select-error) {
        &:hover {
          .select-suffix {
            display: none;
          }
          .select-hover-suffix {
            display: inline;
          }
        }

        &:active {
          .select-suffix {
            display: none;
          }
          .select-active-suffix {
            display: inline;
          }
        }

        &:focus {
          .select-suffix {
            display: none;
          }
          .select-focus-suffix {
            display: inline;
          }
        }
      }

      // open, error
      &.select-error.ant-select-open {
        &.ant-select-show-search {
          .select-suffix {
            display: none;
          }
          .select-error-expanded-search-suffix {
            display: inline;
          }
        }

        &:not(.ant-select-show-search) {
          .select-suffix {
            display: none;
          }
          .select-error-expanded-suffix {
            display: inline;
          }
        }
      }

      // not open, error
      &.select-error:not(.ant-select-open) {
        .select-suffix {
          display: none;
        }
        .select-error-suffix {
          display: inline;
        }

        &:hover {
          .select-suffix,
          .select-error-suffix {
            display: none;
          }
          .select-error-hover-suffix {
            display: inline;
          }
        }

        &:active {
          .select-suffix,
          .select-error-suffix {
            display: none;
          }
          .select-error-active-suffix {
            display: inline;
          }
        }

        &:focus {
          .select-suffix,
          .select-error-suffix {
            display: none;
          }
          .select-error-focus-suffix {
            display: inline;
          }
        }
      }
    }
  }
}

.E_4100_0_24_swwhohx {
  &.ant-select {
    .ant-select-selector {
      padding: 0 7px 0 12px;
    }

    .ant-select-arrow {
      right: 8px;
      top: 50%;
      margin-top: -8px;
      width: 16px;
      height: 16px;
      display: flex;
      align-items: center;
    }

    &.ant-select-lg {
      .ant-select-selector {
        padding: 0 11px 0 16px;
      }

      .ant-select-arrow {
        right: 12px;
      }
    }

    &.ant-select-sm {
      .ant-select-selector {
        padding: 0 3px 0 8px;
      }

      .ant-select-arrow {
        right: 4px;
      }
    }

    &.ant-select-single.ant-select-show-arrow {
      .ant-select-selection-item {
        padding-right: 24px;
      }
    }
  }
}

.E_4100_0_24_p2sxmsl {
  color: $gray-a30-10;
}


.E_4100_0_24_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_4100_0_24_oa99sl3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;

  &,
  :first-child {
    // unset the global style
    line-height: inherit !important;
  }
}

.E_4100_0_24_lvp5pj7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.E_4100_0_24_s1io1lws {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}


.E_4100_0_24_w1dxz879 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  .ellipsis-tooltip {
    max-height: var(--w1dxz879-0);
    text-overflow: clip;
    overflow: hidden;
  }
  .tips {
    color: #fff;
    opacity: 0.8;
  }
}


.E_4100_0_24_s11wux3h {
  .antd5-segmented-item:not(:last-child) {
    margin-right: 2px;
  }
}

.E_4100_0_24_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_4100_0_24_ma64lna {
  .antd5-segmented-item-label {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.E_4100_0_24_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_4100_0_24_b1lj76ty {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: $gray-a30-10;
  &.large {
    max-width: 648px;
  }
  &.medium {
    max-width: 412px;
  }
  &.gray {
    background-color: $fills-trans-primary-light;
  }
  &.white {
    background-color: $fills-light-light-white;
  }
  .title {
    margin-bottom: 4px;
  }
  .title,
  .desc {
    word-break: break-all;
    text-align: center;
  }
  .action-button.middle {
    margin-top: 16px;
  }
  .action-button.small {
    margin-top: 8px;
  }
}


.E_4100_0_24_suhck3k {
  height: 24px;
  width: 24px;
  border-radius: 6px;
  padding: 4px;
  &:hover {
    background-color: $fill-outstanding-light;
    svg {
      path {
        fill: blue;
      }
    }
  }
}


.E_4100_0_24_ryby9ds {
  display: flex;
  align-items: center;
  .order {
    height: 24px;
    width: 24px;
    border-radius: 20px;
    color: $text-light-general;
    background: $fill-light-element-container-outstanding;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
  }
}


.E_4100_0_24_m5foqp8 {
  &.medium {
    --footer-height: 96px;
    --modal-content-width: 720px;
    --modal-content-min-height: 200px;
    --modal-header-padding: 40px 60px 8px;
    --modal-content-padding-top: 24px;
    --modal-content-padding-bottom: 32px;
    --modal-content-padding-x: 60px;
    --modal-footer-padding: 0 60px;

    &.content-full.ant-modal {
      height: calc(100vh - 80px);
      width: calc(100vw - 160px);
      .ant-modal-content {
        width: 100%;
        height: 100%;
        max-width: unset;
        max-height: unset;
        display: flex;
        flex-direction: column;
      }
      .ant-modal-body {
        flex: 1;
      }
    }

    .initializing-title {
      height: 32px;
    }
  }
}


.E_4100_0_24_hrhfj7c {
  display: none;
}

.E_4100_0_24_dt9qoak {
  .bottom {
    color: $text-neutral-secondary;
  }
  .left {
    min-width: 0;
  }
}

.E_4100_0_24_crhnxq5 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  .label {
    color: $text-neutral-tertiary;
    font-weight: 400;
  }
}

.E_4100_0_24_c1iq43vd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 240px;
  width: 432px;
}

.E_4100_0_24_c1h2v0a8 {
  &.ant-input-affix-wrapper {
    border-radius: 0px;
    box-shadow: unset;
    border: 0;
    border-bottom: 1px solid $gray-30;
  }
}

.E_4100_0_24_cgzzd7y {
  &.antd5-cascader .antd5-cascader-selector {
    padding: 4px;
    &:after {
      line-height: normal;
    }
    .antd5-cascader-selection-search-input {
      height: 22px;
    }
    .antd5-cascader-selection-overflow {
      row-gap: 2px;
    }
    .antd5-cascader-selection-overflow-item {
      line-height: normal;
      span {
        max-width: 100%;
      }
    }
    .antd5-cascader-selection-placeholder {
      font-size: 13px;
      line-height: 20px;
    }
  }
}

.E_4100_0_24_c1ec3mnt {
  font-size: 13px;
}

.E_4100_0_24_c1iye0zj {
  padding: 7px 14px;
  height: 34px;

  font-weight: 400;
  box-sizing: border-box;
  color: $text-neutral-secondary;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid $gray-30;
  gap: 4px;
}

.E_4100_0_24_ckhyuyx {
  box-shadow: $shadow-menu-light-default;
  border-radius: 8px;
  padding: 0px;

  ul.antd5-cascader-menu {
    padding: 6px;
    height: 240px;
  }

  &:not(:has(.E_4100_0_24_c1iq43vd)) {
    li {
      min-width: 296px;
      padding: 4px 4px 4px 8px;
      color: $text-neutral-primary;
      margin-bottom: 2px;
      .icon-wrapper {
        vertical-align: middle;
      }
    }
    li.antd5-menu-item-active {
      font-weight: 400;
      &:hover {
        font-weight: 400;
      }
      &:active {
        background: $fill-outstanding-light-active;
      }
      .icon-wrapper svg path {
        fill: $blue-60;
      }
    }
    li:hover {
      background: $fill-neutral-trans-2;
      font-weight: 400;
      .icon-wrapper svg path {
        fill: $blue-60;
      }
    }
    li:active {
      background: $fill-neutral-trans-3-trans-2-hover;
    }
  }

  li:has(.E_4100_0_24_dt9qoak) {
    .antd5-checkbox {
      align-self: flex-start;
    }
  }
  &:has(.E_4100_0_24_c1iq43vd) {
    .E_4100_0_24_c1ec3mnt {
      display: none;
    }
  }

  .antd5-cascader-checkbox {   height: 22px;   display: flex;   align-items: center;   top: 0; } .antd5-cascader-checkbox-checked::after {   border: none; } &.antd5-cascader-checkbox-wrapper:hover .antd5-cascader-checkbox-inner, &.antd5-cascader-checkbox-wrapper.__pseudo-states-hover .antd5-cascader-checkbox-inner, .antd5-cascader-checkbox:hover .antd5-cascader-checkbox-inner {   border-color: $fills-light-general-general; } .antd5-cascader-checkbox .antd5-cascader-checkbox-inner {   border: 1px solid $strokes-light-trans-4; } .antd5-cascader-checkbox.antd5-cascader-checkbox-checked, .antd5-cascader-checkbox.antd5-cascader-checkbox-indeterminate {   .antd5-cascader-checkbox-inner {     border: 1px solid $fills-light-general-general;   } } .antd5-cascader-checkbox.antd5-cascader-checkbox-indeterminate .antd5-cascader-checkbox-inner {   background: $fills-light-general-general;   &:after {     background-color: $white;     height: 2px;     width: 10px;     border-radius: 2px;   } } &.antd5-cascader-checkbox-wrapper-disabled {   opacity: 0.5;   .antd5-cascader-checkbox-disabled .antd5-cascader-checkbox-inner {     background: $fills-light-trans-3;     border-color: $strokes-light-trans-4 !important;   }   .antd5-cascader-checkbox-disabled.antd5-cascader-checkbox-checked .antd5-cascader-checkbox-inner:after {     border-color: $text-primary-light;   }   .antd5-cascader-checkbox-disabled.antd5-cascader-checkbox-indeterminate     .antd5-cascader-checkbox-inner:after {     background: $text-primary-light;   } } .antd5-cascader-checkbox + span, .antd5-cascader-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 {   .antd5-cascader-checkbox + span,   .antd5-cascader-checkbox-disabled + span {     .main {       margin-left: 8px;     }     .sub {       margin-left: 24px;     }   } }


  

  .E_4100_0_24_dt9qoak {
    width: 400px;
  }
}

.E_4100_0_24_c1fmq9lv {
  ul.antd5-cascader-menu {
    padding: 4px;
    height: 158px;
  }
  &.E_4100_0_24_ckhyuyx {
    border-radius: 6px;
    &:not(:has(.E_4100_0_24_c1iq43vd)) {
      li.antd5-menu-item {
        min-width: 200px;
        font-size: 12px;
      }
    }
    .E_4100_0_24_c1iye0zj {
      padding: 6px 12px;
      height: 30px;
      font-size: 12px;
    }
  }
}

.E_4100_0_24_c1evusvc {
  ul.antd5-cascader-menu {
    padding: 8px;
    height: 320px;
  }
  &.E_4100_0_24_ckhyuyx {
    border-radius: 10px;
    &:not(:has(.E_4100_0_24_c1iq43vd)) {
      li.antd5-menu-item {
        min-width: 296px;
        padding: 8px;
      }
    }
    .E_4100_0_24_c1iye0zj {
      height: 38px;
      padding: 8px 16px;
      font-size: 14px;
    }
  }
}


.E_4100_0_24_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;
        }
      }
    }
  }
}


.E_4100_0_24_tc97u5y {
  height: 100%;
}

.E_4100_0_24_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_4100_0_24_t1fisho6 {
  height: 100%;

  .ant-table.ant-table-small .ant-table-tbody > tr > td {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .active-row td:nth-child(1) {
    font-weight: 700;
  }
  &.has-selection .active-row td:nth-child(2) {
    font-weight: 700;
  }

  .ant-spin-nested-loading {
    height: 100%;

    .ant-spin-container {
      height: 100%;
      overflow: visible;
    }
    .ant-spin {
      max-height: none;
    }
  }

  td.ant-table-column-sort {
    background: transparent;
  }

  td.ant-table-cell-fix-left,
  td.ant-table-cell-fix-right {
    background: #fff;
    padding: 0 !important;
    .ant-table-cell-content {
      display: flex;
      align-items: center;
      height: 100%;
      padding: 8px;
      > span {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
      }
    }
  }

  .ant-table-container {
    height: 100%;
    &::before,
    &::after {
      box-shadow: none !important;
    }
  }

  div.ant-table {
    $columnAlignRightPaddingRight: 25px;
    border-radius: 0px;
    border-left: none;
    border-right: none;
    border-bottom: none;
    height: 100%;
    font-size: 12px;
    background: transparent;

    .ant-table-header {
      position: relative;
      z-index: $table-header-index;
      border-bottom: 1px solid $strokes-light-trans-2;
      margin-bottom: -1px;
    }

    .time-wrapper .date,
    .value {
      color: $text-primary-light;
    }

    .time-wrapper .time,
    .unit {
      color: $text-secondary-light;
    }

    .ant-table-selection {
      position: unset;
      text-align: center;
    }

    .ant-table-tbody > tr.ant-table-row-selected td {
      background: $white;
    }

    .anticon-setting {
      cursor: pointer;
      position: absolute;
      top: 50%;
      right: 12px;
      transform: translateY(-50%);
    }

    &.ant-table-ping-left {
      .ant-table-cell-fix-left-last::after {
        box-shadow: none;
        width: 1px;
        background: rgba(213, 219, 227, 0.6);
      }
    }

    &.ant-table-ping-right {
      .ant-table-cell-fix-right-first::after {
        box-shadow: none;
        width: 1px;
        background: rgba(213, 219, 227, 0.6);
      }
    }

    .ant-table-tbody {
      position: relative;
      .ant-table-row {
        td {
          border-top: 1px solid $strokes-light-trans-2;
          border-bottom: 1px solid white;
          height: 40px;
          vertical-align: middle;
          transition: background 0ms;
          color: $gray-120;

          &.header-hover {
            background: $fills-light-opaque-1;
            border-bottom-color: $fills-light-opaque-1;
          }

          .ant-btn.ant-btn-link {
            height: auto;
            color: $gray-120;
            font-size: 12px;
            text-align: left;
            transition: none;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;

            &:hover {
              color: $blue;
            }

            > span {
              overflow: hidden;
              text-overflow: ellipsis;
              width: 100%;
              vertical-align: middle;
            }
          }

          &.cell_status {
            line-height: 0px;
          }
          &.align-right {
            padding-right: $columnAlignRightPaddingRight;
          }
        }

        &:hover {
          & + tr td {
            border-top-color: transparent;
          }
          td {
            background: $fills-trans-secondary-light;
            border-color: transparent transparent white;

            &:first-child {
              border-radius: 8px 0 0 8px;
              .ant-table-cell-content {
                border-radius: 8px 0 0 8px;
              }
              &::before {
                content: "";
                width: 4px;
                top: -1px;
                bottom: -1px;
                background: white;
              }
            }
            &:last-child {
              border-radius: 0 8px 8px 0;
            }
            &:last-child.cell__action_ {
              border-radius: 0;
              background: white;
              border-top: none;

              > * {
                border-top: 1px solid transparent;
                border-radius: 0 8px 8px 0;
                background: $fills-trans-secondary-light;
              }
            }
            &.ant-table-cell-fix-right {
              background: white;
              border-top: 1px solid rgba(211, 218, 235, 0.6);
              .ant-table-cell-content {
                display: flex;
                align-items: center;
                height: 100%;
                background: $fills-trans-secondary-light;
              }
            }

            &.ant-table-cell-fix-left {
              background: white;
              border-top: 1px solid rgba(211, 218, 235, 0.6);
              .ant-table-cell-content {
                display: flex;
                align-items: center;
                height: 100%;
                background: $fills-trans-secondary-light;
              }
            }
          }
        }

        &:last-child td {
          border-bottom: 1px solid $strokes-light-trans-2;
        }

        &.active-row {
          box-shadow: inset 0px 0px 0 2px $blue-a10;
          border-radius: 8px;

          & + tr td {
            border-top-color: white;
          }
          td {
            background: $blue-a10;
            border-bottom-color: transparent;
            border-top-color: transparent;

            &:first-child {
              border-radius: 8px 0 0 8px;
            }
            &:last-child {
              border-radius: 0 8px 8px 0;
            }
            &:hover {
              background: $blue-a10;
            }
          }
        }
      }
    }

    .ant-table-thead {
      > tr > th {
        background: $white;
        font-weight: 400;
        position: relative;
        border-bottom: none;
        color: $gray-120;
        transition: none;
        padding: 14px 8px 14px 8px;
        line-height: 20px;

        &:not(:last-child):after {
          content: "";
          width: 1px;
          top: 0;
          bottom: 0;
          background: $strokes-light-trans-2;
          position: absolute;
          right: 0;
        }

        &.is-blank {
          padding: unset;

          &:after {
            display: none;
          }
        }

        &.ant-table-cell-ellipsis.ant-table-column-has-sorters
          .ant-table-column-sorters {
          width: 100%;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          > span {
            overflow: hidden;
            text-overflow: ellipsis;
            flex: 1;
          }
        }

        &.ant-table-column-has-sorters {
          padding: 15px $columnAlignRightPaddingRight 15px 8px;

          .ant-table-column-sorters {
            padding: 0;
            .order-icon {
              position: absolute;
              right: 6px;
              top: 50%;
              transform: translateY(-50%);
              height: 16px;
              display: none;
              transition: transform 320ms ease;

              &.descend {
                display: block;
                transform: translateY(-50%) rotateX(180deg);
              }
              &.ascend {
                display: block;
              }
            }
          }
          .ant-table-column-sorter {
            display: none;
          }
        }

        &:active {
          .ant-table-column-sorters .order-icon {
            &.descend {
              transform: translateY(-50%);
            }
            &.ascend {
              transform: translateY(-50%) rotateX(180deg);
            }
          }
        }

        &:hover:not(.is-blank) {
          background: $fills-light-opaque-1;
          .ant-table-column-sorters .order-icon {
            display: block;
          }
        }
        &.align-right {
          padding-right: $columnAlignRightPaddingRight;
        }
      }
    }

    .ant-table-selection-column {
      padding: 0 !important;

      .ant-checkbox-wrapper {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        .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;     }   } }
      }
      &:after {
        display: none;
      }
    }

    .ant-table-hide-scrollbar {
      background: $white;
    }
    .ant-table-placeholder {
      background: inherit;

      td {
        position: static;
        border: none;
        background: inherit !important;
        height: 100px;
        vertical-align: middle;
      }

      .table-default-empty,
      .ant-table-expanded-row-fixed {
        font-weight: bold;
        font-size: 20px;
        color: $text-terdiary-light;
      }
    }
    th.ant-table-cell-scrollbar,
    th.cell__action_ {
      z-index: 10;
    }
    td.cell__action_ {
      padding: 0 !important;
      position: relative;
      background: $white;
      > * {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: 8px;
      }
      .menu-button {
        width: 24px;
        height: 24px;
        cursor: pointer;
        justify-content: center;
        border-radius: 4px;

        &:hover {
          background: $white;
        }
      }
    }
  }
}


.E_4100_0_24_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_4100_0_24_satwmqm {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}


.E_4100_0_24_h12yihis {
  height: 50px;
  border-bottom: 2px solid #edf0f7;
  background: $fills-opaque-primary-light;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px 0 14px;
  position: relative;
  z-index: 10;

  .left,
  .right,
  .center {
    display: flex;
    align-items: center;
    flex: 1;
    flex-shrink: 0;
  }

  .center {
    flex: 0.8;
  }

  .right {
    justify-content: flex-end;

    &.is-scrolled .btn-group:before {
      opacity: 1;
    }

    .btn-group {
      margin-left: 32px;
      position: relative;
      display: flex;
      align-items: center;

      &:before {
        content: "";
        opacity: 0;
        height: 24px;
        width: 1px;
        background: $fills-light-trans-2;
        position: absolute;
        left: -16px;
        top: 50%;
        transform: translateY(-50%);
        transition: opacity 160ms ease;
      }

      > .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;
        }
      }

      > *:not(:first-child) {
        margin-left: 4px;
      }
    }
    .create-menu-and-export {
      height: 48px;
      overflow: hidden;
      display: flex;
      align-items: center;
      padding: 0 4px;
      margin: 0 -4px;

      &.active {
        .create-menu-in-nav,
        .export-btn {
          transform: translateY(0);
        }
      }

      .create-menu-in-nav,
      .export-btn {
        height: 48px;
        transform: translateY(100%);
        transition:
          transform 240ms ease,
          opacity 80ms ease;
        display: inline-flex;
        align-items: center;
      }

      .export-btn {
        margin-right: 10px;

        .icon-inner {
          width: 32px;
          height: 32px;
          border-radius: 6px;

          &:hover {
            background: rgba(211, 218, 235, 0.6);
          }
        }
      }
    }
  }

  .alert,
  .task {
    position: relative;

    .alert-icon,
    .task-icon {
      width: 56px;
      height: 40px;
      justify-content: center;
    }

    .ant-badge-count {
      right: 16px;
      top: 10px;
    }
  }

  .logo {
    display: inline-flex;
    align-items: center;
  }

  .left {
    position: relative;

    .events-audit-title {
      font-size: 20px;
      line-height: 24px;
      font-weight: bold;
      color: $text-light-super;
      margin: 0px 8px;
    }

    .global-search {
      margin-left: 6px;
    }
  }

  &.global-search-active {
    z-index: 11;

    .left {
      flex: 1;
      margin-right: 32px;

      .global-search {
        display: flex;
        flex: 1;

        .search-input {
          border-color: $blue-60;
          width: 100%;
        }
      }
    }

    .center {
      display: none;
    }

    .right {
      flex: 0 1 auto;
    }
  }

  .ant-badge-count {
    pointer-events: none;
  }
}

.E_4100_0_24_ncaepor {
  color: $text-terdiary-light;
  position: relative;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;

  &:before,
  &:after {
    content: "";
    width: 100%;
    height: 12px;
    position: absolute;
    background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 1)
    );
  }

  &:before {
    top: 0;
  }

  &:after {
    bottom: 0;
  }

  > * {
    height: 48px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    transition:
      transform 240ms ease,
      opacity 80ms ease;
  }

  .name-text {
    transform: translateY(0);
    opacity: 1;
  }

  .nav-info {
    transform: translateY(100%);
    opacity: 0;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    overflow: hidden;
    display: flex;
    justify-content: center;

    .scrolled-resource {
      color: $text-light-super;
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .scrolled-view {
      color: $text-light-secondary;
      margin-left: 8px;
    }
  }

  &.is-scrolled .name-text {
    transform: translateY(-100%);
    opacity: 0;
    position: absolute;
  }

  &.is-scrolled .nav-info {
    transform: translateY(0);
    opacity: 1;
    position: static;
  }
}


.E_4100_0_24_ckaaqep {
                      background: #acbad399;
                      content: "";
                      height: 100%;
                      margin: 0 6px;
                      width: 1px;
                    }


.E_4100_0_24_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_4100_0_24_c1yd35n {
  padding: 0 12px 14px 12px;
}


.E_4100_0_24_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_4100_0_24_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_4100_0_24_c1kghdax {
  color: $text-primary-light;
  padding: 7px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;

  &.has-arrow {
    padding-left: 10px;

    .title-wrapper {
      cursor: pointer;
      color: $text-light-primary;

      &.is-open {
        color: $text-primary-light;
        font-weight: 600;

        .collapse-arrow {
          transform: rotate(90deg);
        }
      }
    }
  }

  .sub-info {
    font-size: 12px;
    line-height: 18px;
  }

  .title-wrapper {
    display: flex;
    align-items: center;
    user-select: none;
    flex-grow: 1;
    font-size: 12px;
    line-height: 18px;
    color: $text-primary-light;
    font-weight: 700;
  }

  .collapse-arrow {
    transition: all 50ms ease-out 0ms;
    margin-right: 2px;
  }
}


.E_4100_0_24_lht19u8 {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  opacity: 0.2;
}

.E_4100_0_24_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_4100_0_24_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_4100_0_24_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_4100_0_24_u3l9ivi {
  width: 100%;
  position: relative;
  &.label-left {
    display: flex;
    align-items: flex-start;
    .upload-label {
      flex: 0 0 216px;
      margin-bottom: 0;
      padding-right: 12px;
    }
    .upload-main {
      flex: 1;
      min-width: 0;
    }
  }
  .upload-label {
    color: $text-light-secondary;
    word-break: break-word;
    margin-bottom: 4px;
    display: block;
  }
  .upload-description {
    color: $text-light-secondary;
    word-break: break-word;
  }
  .upload-button {
    display: block;
  }
  .upload-button:not(:first-child),
  .upload-drag:not(:first-child) {
    margin-top: 8px;
  }
  .upload-button:not(:last-child),
  .upload-drag:not(:last-child) {
    margin-bottom: 8px;
  }
  /* 间距语义：4px 表示从属关系，8px 表示同级或不同信息组。错误文案与辅助说明都在解释
     同一个上传控件，两者相邻时收紧到 4px，其余相邻关系一律 8px。错误文案渲染在上传区
     内部，所以由上传区代为收窄下边距。
     下面几条只声明下限，最终间距由相邻块级元素的外边距合并（取较大值）得出：
     有错误 + 有描述 → 4 与 4 合并为 4px；无错误 + 有描述 → 8 与 4 合并为 8px；
     错误或描述后面直接接文件列表 → 与列表的 8px 上边距合并为 8px。 */
  .upload-button.has-error:not(:last-child),
  .upload-drag.has-error:not(:last-child) {
    margin-bottom: 4px;
  }
  .upload-description.description-below {
    margin-top: 4px;
  }

  .upload-drag-area {
    height: 138px;
    padding: 32px 16px;
    border-radius: 4px;
    border: 1px dashed $strokes-light-trans-4;
    background: $fills-light-trans-1;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    .ant-upload-drag-container {
      gap: 4px;
    }
    .upload-drag-text {
      text-align: center;
      .upload-drag-link {
        color: $text-light-general;
      }
      .upload-drag-link:hover {
        color: $link-outstandinghover;
      }
      .upload-drag-link:active {
        color: $link-outstandingactive;
      }
    }

    .ant-upload-drag-container {
      color: $text-light-primary;
    }

    &.has-file {
      height: 56px;
      padding: 16px;
      .ant-upload-drag-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        .ant-btn.ant-btn-link {
          height: 24px;
        }
        .ant-btn.ant-btn-link[disabled] {
          color: $text-light-primary;
          opacity: 1;
        }
      }
      .upload-drag-text {
        margin-left: 8px;
        text-align: left;
        .ant-btn.ant-btn-link {
          height: 24px;
        }
      }
    }
    &.has-file.single {
      height: auto;
      padding: 11px;
      .ant-upload-drag-container {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        line-height: 18px;
        word-break: break-all;
      }
    }
    &.file-error.single {
      border-color: $strokes-light-serious;
      background: $fills-element-light-container-serious;
    }
    &.file-validating.single {
      cursor: not-allowed;
    }

    .file-info {
      display: flex;
      cursor: default;
      &.disabled {
        cursor: not-allowed;
      }
      gap: 4px;
      width: 100%;
      align-items: flex-start;
      .icon-wrapper {
        flex-shrink: 0;
        margin-top: 1px;
      }
      .file-content {
        flex: 1;
        min-width: 0;
        text-align: left;
      }
      .remove-button {
        flex-shrink: 0;
        margin-left: 0;
      }
    }

    &:not(.ant-upload-disabled):not(.file-error):hover,
    &.ant-upload-drag-hover:not(.ant-upload-disabled):not(.file-error) {
      border-color: $strokes-light-outstanding;
      background: $fills-light-general-general-light;
    }
    &.ant-upload-disabled {
      opacity: 0.5;
    }
    &.ant-upload-disabled.file-validating {
      opacity: 1;
    }
  }

  /* 文件名超过宽度时换行，OverflowTooltip 默认是单行省略 */
  .file-name {
    display: block;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  /* 解析中的文件名颜色，两个类名是为了盖过 Typo 自带的 color */
  .file-content.validating {
    color: $text-light-tertiary;
  }

  .upload-error {
    margin-top: 8px;
    color: $text-light-serious;
  }

  .upload-file-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 8px;
    gap: 8px;
    .upload-file-item {
      .upload-file-error {
        color: $text-light-serious;
      }
    }
  }
}

.E_4100_0_24_ftdwz1g {
  display: flex;
  width: 100%;
  flex-direction: row;
  background: $fills-light-trans-1;
  padding: 7px 8px;
  border-radius: 4px;
  gap: 4px;
  align-items: flex-start;
  color: $text-light-primary;
  line-height: 18px;

  .file-size,
  .file-size-unit {
    color: $text-neutral-tertiary;
  }
  .file-content {
    flex-grow: 1;
    min-width: 0;
    overflow: hidden;
    text-align: left;
  }
  .file-size-line {
    line-height: 18px;
  }
  .icon-wrapper {
    flex-shrink: 0;
    margin-top: 1px;
    cursor: pointer;
  }
  .remove-button {
    margin-left: auto;
  }
  .upload-file-error {
    color: $text-light-serious;
  }
  &.file-error-wrapper {
    background: $fills-element-light-container-serious;
  }
  &.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    .icon-wrapper {
      cursor: not-allowed;
    }
  }
}


.E_4100_0_24_w7ob4th {
  &.outside-tag {
    padding-left: 0;
    .inside-tag {
      border-radius: 4px 0 0 4px;
      padding-right: 4px;
      margin-right: 4px;
    }
  }
}


.E_4100_0_24_t1dtlqs1 {
  margin-bottom: 4px;
  color: $text-secondary-light;
}

.E_4100_0_24_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_4100_0_24_b1ibis43 {
  margin-bottom: 0;
  color: $text-light-primary;
}

.E_4100_0_24_b11xxjd2 {
  line-height: 32px;
  margin-right: 6px;
}

.E_4100_0_24_bsub5bw {
  &.with-description {
    height: 24px;
    flex: 1;
    position: relative;
    top: -7px;
  }
  p {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.E_4100_0_24_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;
      }
    }
    .ant-list-item-action {
      padding: 4px;
      width: 24px;
      height: 24px;
      overflow: hidden;
      li {
        padding: 0;
      }
    }
    .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-group-compact {
          .ant-input,
          .ant-select-selector {
            border-radius: 0;
          }
          > :first-child,
          > :first-child .ant-select-selector {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
          }
          > :last-child,
          > :last-child .ant-select-selector {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
          }
        }
        .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_4100_0_24_a138syjm {
  display: flex;
  align-items: center;
  gap: 8px;

  button.ant-btn {
    padding: 2px 8px;
    height: 24px;
  }
  & > span.maximum-desc {
    display: none;
    color: $text-secondary-light;
    &.disabled {
      display: inline;
    }
  }
}

.E_4100_0_24_d77i8u0 {
  width: 24px;
  height: 24px;
  padding: 4px;
  margin-right: 8px;
}


.E_4100_0_24_a712xr9 {
  .antd5-tree-checkbox {   height: 22px;   display: flex;   align-items: center;   top: 0; } .antd5-tree-checkbox-checked::after {   border: none; } &.antd5-tree-checkbox-wrapper:hover .antd5-tree-checkbox-inner, &.antd5-tree-checkbox-wrapper.__pseudo-states-hover .antd5-tree-checkbox-inner, .antd5-tree-checkbox:hover .antd5-tree-checkbox-inner {   border-color: $fills-light-general-general; } .antd5-tree-checkbox .antd5-tree-checkbox-inner {   border: 1px solid $strokes-light-trans-4; } .antd5-tree-checkbox.antd5-tree-checkbox-checked, .antd5-tree-checkbox.antd5-tree-checkbox-indeterminate {   .antd5-tree-checkbox-inner {     border: 1px solid $fills-light-general-general;   } } .antd5-tree-checkbox.antd5-tree-checkbox-indeterminate .antd5-tree-checkbox-inner {   background: $fills-light-general-general;   &:after {     background-color: $white;     height: 2px;     width: 10px;     border-radius: 2px;   } } &.antd5-tree-checkbox-wrapper-disabled {   opacity: 0.5;   .antd5-tree-checkbox-disabled .antd5-tree-checkbox-inner {     background: $fills-light-trans-3;     border-color: $strokes-light-trans-4 !important;   }   .antd5-tree-checkbox-disabled.antd5-tree-checkbox-checked .antd5-tree-checkbox-inner:after {     border-color: $text-primary-light;   }   .antd5-tree-checkbox-disabled.antd5-tree-checkbox-indeterminate     .antd5-tree-checkbox-inner:after {     background: $text-primary-light;   } } .antd5-tree-checkbox + span, .antd5-tree-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 {   .antd5-tree-checkbox + span,   .antd5-tree-checkbox-disabled + span {     .main {       margin-left: 8px;     }     .sub {       margin-left: 24px;     }   } }

  .antd5-tree-checkbox {
    height: auto;
    display: inline-block;
    top: initial;
  }

  /* 提高优先级，避免 Antd5 的默认颜色和 hover 覆盖 Eagle 样式。 */
  &.antd5-tree {
    .antd5-tree-checkbox {
      &:not(.antd5-tree-checkbox-checked):not(
          .antd5-tree-checkbox-indeterminate
        )
        .antd5-tree-checkbox-inner {
        border-color: $strokes-light-trans-4;
      }

      &:not(.antd5-tree-checkbox-disabled) {
        &:hover .antd5-tree-checkbox-inner {
          border-color: $fills-light-general-general;
        }

        &.antd5-tree-checkbox-checked {
          .antd5-tree-checkbox-inner {
            background: $fills-light-general-general;
          }
        }
      }

      /* Tree 的禁用类在复选框自身，无法命中共享样式的 wrapper 规则。 */
      &.antd5-tree-checkbox-disabled {
        opacity: 0.5;

        .antd5-tree-checkbox-inner {
          background: $fills-light-trans-3;
          border-color: $strokes-light-trans-4;
        }

        &.antd5-tree-checkbox-checked
          .antd5-tree-checkbox-inner:after {
          border-color: $text-primary-light;
        }

        &.antd5-tree-checkbox-indeterminate
          .antd5-tree-checkbox-inner:after {
          background: $text-primary-light;
        }
      }
    }

    /* 相邻节点是 Tree 标题，覆盖 Checkbox 文案及 compact 布局规则。 */
    .antd5-tree-checkbox
      + .antd5-tree-node-content-wrapper {
      padding: 0 4px;

      .main,
      .sub {
        margin-left: 0;
        color: inherit;
      }

      .main {
        display: revert;
      }
    }
  }
}


.E_4100_0_24_sjob3jg {
  $item: ant-steps-item;
  --item-min-width: 60px;
  .#{$item} {
    &-tail,
    &-icon {
      display: none !important;
    }
  }
  .#{$item}.#{$item}-active {
    flex-shrink: 0 !important;
    .step-item-prefix-container {
      color: $text-colorful-outstanding;
    }
    .#{$item}-container .#{$item}-content .#{$item}-title {
      color: $text-colorful-outstanding;
      font-weight: normal;
    }
  }
  .#{$item}.#{$item}-finish {
    .#{$item}-container .#{$item}-content .#{$item}-title,
    & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
      color: $text-neutral-tertiary;
    }
  }
  .#{$item}.#{$item}-wait {
    .#{$item}-container .#{$item}-content .#{$item}-title {
      color: $text-neutral-primary;
    }
  }
  .step-item-text {
    display: inline-block;
  }
  .step-item-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

.E_4100_0_24_hjvj6s6 {
  $item: ant-steps-item;
  @mixin rightTriangle($color: $fills-light-trans-1) {
    content: "";
    width: 0;
    height: 0;
    border: 13px solid transparent;
    position: absolute;
    top: 0;
    border-left: 8px solid $color;
  }
  .#{$item}-container {
    min-width: var(--item-min-width);
  }
  .#{$item}-disabled {
    cursor: not-allowed !important;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal {
    flex-direction: row;
    justify-content: stretch;
    .#{$item} {
      padding: 0;
      margin-right: 4px;
      flex: 1;
      overflow: visible;
      .#{$item}-content {
        width: 100%;
        min-height: unset;
        .#{$item}-title {
          height: 26px;
          line-height: 26px;
          width: 100%;
          padding: 0;
          font-size: 12px;
          .step-count {
            margin-right: 10px;
          }
          &::after {
            display: none;
          }
        }
      }
      &:first-child {
        .#{$item}-container {
          padding-left: 8px;
          padding-right: 4px;
          border-radius: 4px 0 0 4px;
        }
      }
      &:last-child {
        margin-right: 0;
        .#{$item}-container {
          padding-right: 8px;
          padding-left: 12px;
          border-radius: 0 4px 4px 0;
        }
      }
      &:not(&:last-child) {
        &::after {
          @include rightTriangle();
          z-index: 2;
          position: relative;
          top: -50%;
          right: -100%;
        }
      }
      &:not(:first-child):not(:last-child) {
        .#{$item}-container {
          padding: 0 4px 0 12px;
        }
      }
      &:not(&:first-child) {
        &::before {
          @include rightTriangle(#fff);
          left: 0;
        }
      }
    }
    .#{$item}-active {
      max-width: calc(100% - var(--item-min-width) * 2);
      .#{$item}-container {
        background-color: $fills-light-general-general-light;
      }
      &::after {
        border-left-color: $fills-light-general-general-light !important;
      }
    }
    .#{$item}-finish {
      cursor: pointer;
      min-width: var(--item-min-width);
    }
    .#{$item}-wait,
    .#{$item}-finish {
      min-width: var(--item-min-width);
      .#{$item}-container {
        background-color: $fills-light-trans-1;
      }
    }
  }
  .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
      .ant-steps-vertical
    )
    .#{$item} {
    padding: 0;
  }
}

.E_4100_0_24_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_4100_0_24_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_4100_0_24_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_4100_0_24_l1ucdodl {
  $prefix: ui-kit-status-legend;
  margin: 0;
  border-radius: 20px;
  padding: 2px 10px;
  height: 22px;
  display: flex;
  align-items: center;

  &.ui-kit-status-legend.on-tint {
    color: $text-neutral-ontint;
  }
  &.tag-hover {
    cursor: pointer;
  }

  &.#{$prefix} {
    color: $text-neutral-primary;
    .#{$prefix}-icon {
      margin-right: 6px;
    }
    .#{$prefix}-number {
      margin-left: 8px;
      color: #2C385299;
      &.#{$prefix}-number.on-tint {
        color: $text-neutral-ontint;
      }
    }
    &.eagle-legend-blue {
      .#{$prefix}-icon {
        background-color: $fill-outstanding-base;
      }
    }
    &.eagle-legend-red {
      .#{$prefix}-icon {
        background-color: $fill-serious-base;
      }
    }
    &.eagle-legend-yellow {
      .#{$prefix}-icon {
        background-color: $fill-notice-base;
      }
    }
    &.eagle-legend-green {
      .#{$prefix}-icon {
        background-color: $fill-positive-base;
      }
    }
    &.eagle-legend-gray {
      .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
        background-color: $gray-70;
      }
    }
    &.eagle-legend-purple {
      .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
        background-color: $purple-50;
      }
    }
  }
}

.E_4100_0_24_s1qj66nc {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

.E_4100_0_24_s5x1boq {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  display: inline-block;
}

.E_4100_0_24_c1xm185 {
              color: #2C385299;
            }

.E_4100_0_24_c1x5l5qc {
          flex: 1;
        }


.E_4100_0_24_r77hffu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 6px;
}

.E_4100_0_24_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_4100_0_24_slr2ynn {
    padding: 0 8px;
    height: 18px;
  }

.E_4100_0_24_m140wbb6 {
    padding: 2px 8px;
    height: 24px;
  }

.E_4100_0_24_t1fozc1i {
  margin: 0;
}

.E_4100_0_24_i1vxv4ln {
  margin-right: 4px;
  height: 16px;
}

.E_4100_0_24_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_4100_0_24_i1g85yz3 {
  margin-right: 4px;
  height: 16px;
}


.E_4100_0_24_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_4100_0_24_msn7nxt {
  color: $text-light-secondary;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;

  .link {
    color: $text-light-general;
    cursor: pointer;
  }
}

.E_4100_0_24_mp64wfi {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  .name-toolbar {
    width: 100%;
    display: flex;
    line-height: 30px;
    padding: 0 16px;
    justify-content: space-between;
    .metric-extra {
      display: flex;
      font-size: 12px;
      align-items: center;

      .info-item {
        color: $gray-60;
      }
      .info-item + .info-item {
        margin-left: 10px;
      }

      .menu-trigger {
        margin-left: 10px;
        cursor: pointer;
      }
    }
  }

  .content {
    flex: 1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .single-content {
    height: 65px;
  }
}

.E_4100_0_24_l1oyigan {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;

  .ant-dropdown-trigger {
    margin-left: auto;
    font-size: 12px;
  }
}

.E_4100_0_24_l1noi4n1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  cursor: pointer;

  &:not(:last-child) {
    margin-right: 20px;
  }
  &.deselected {
    opacity: 0.4;

    .color-block {
      background: #b4beca !important;
    }
  }
}

.E_4100_0_24_cz19rz6 {
  display: inline-block;
  height: 8px;
  width: 8px;
  margin-right: 8px;
}

.E_4100_0_24_e17r5r9c {
  .ant-dropdown-menu-item {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin: 0;
  }
}

.E_4100_0_24_m1y1hhnr {
  position: relative;

  &.hidden-xaxis .pointer-wrapper {
    bottom: -12px;
  }

  .metric-toolbar {
    display: flex;
    justify-content: space-between;
    line-height: 30px;
    margin: 0 16px;

    .metric-extra {
      display: flex;
      font-size: 12px;
      align-items: center;

      .info-item {
        color: $gray-60;
      }
      .info-item + .info-item {
        margin-left: 10px;
      }

      .menu-trigger {
        margin-left: 10px;
        cursor: pointer;
      }
    }
  }

  .recharts-xAxis {
    font-size: 12px;
  }

  .pointer-wrapper {
    position: absolute;
    bottom: 10px;
    padding: 0 8px;
    border-radius: 4px;
    font-size: 12px;
    color: $white;
    background: rgba(0, 0, 0, 0.75);
    transform: translateX(-50%);
  }
}

.E_4100_0_24_tnvijvs {
  min-width: 200px;
}

.E_4100_0_24_t1ub2aex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.75);
  color: #b4beca;
  font-size: 12px;
  padding: 3px 6px;

  &:first-child {
    padding-top: 3px;
  }
  &:last-child {
    padding-bottom: 3px;
  }
  .column-value {
    color: $white;
    margin-left: 8px;
  }
}


.E_4100_0_24_m11nzl2x {
  color: $text-light-secondary;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;

  .link {
    color: $text-light-general;
    cursor: pointer;
  }
}

.E_4100_0_24_mn7joto {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  .name-toolbar {
    width: 100%;
    display: flex;
    line-height: 30px;
    justify-content: space-between;
    .metric-extra {
      display: flex;
      font-size: 12px;
      align-items: center;

      .info-item {
        color: $gray-60;
      }
      .info-item + .info-item {
        margin-left: 10px;
      }

      .menu-trigger {
        margin-left: 10px;
        cursor: pointer;
      }
    }
  }

  .content {
    flex: 1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .single-content {
    height: 65px;
  }
}

.E_4100_0_24_l1bifhon {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;

  .ant-dropdown-trigger {
    font-size: 12px;
    margin-left: 8px;
  }
}

.E_4100_0_24_ltthzck {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
  &:not(:first-child) {
    margin-left: 8px;
  }

  &.deselected,
  &.hovering {
    opacity: 0.3;

    &:not(.hoverering-self) .color-block {
      background: #b4beca !important;
      border-radius: 2px;
    }
  }
  &.hoverering-self {
    opacity: 1;
  }
  .dropdown-trigger {
    margin-left: 12px;
  }
  .legend-name {
    color: $text-light-primary;
  }
  .icon-suffix-wrapper {
    display: flex;
    align-items: center;
    margin-left: 4px;
  }
}

.E_4100_0_24_l1mumj7o {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  cursor: pointer;

  &.deselected,
  &.hovering {
    opacity: 0.3;

    &:not(.hoverering-self) .color-block {
      background: #b4beca !important;
      border-radius: 2px;
    }
  }
  .legend-name {
    color: $text-light-primary;
  }
  &.hoverering-self {
    opacity: 1;
  }
  .icon-suffix-wrapper {
    margin-left: 4px;
    display: flex;
    align-items: center;
  }
}

.E_4100_0_24_c14rn6j5 {
  display: inline-block;
  height: 8px;
  width: 8px;
  margin-right: 6px;
  border-radius: 2px;
}

.E_4100_0_24_e45tc5l {
  .ant-dropdown-menu-item {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin: 0;
  }
}

.E_4100_0_24_lqeaosa {
  position: relative;

  &.hidden-xaxis .pointer-wrapper {
    bottom: -12px;
  }

  .metric-toolbar {
    display: flex;
    justify-content: space-between;
    line-height: 30px;
    .metric-extra {
      display: flex;
      flex-shrink: 0;
      font-size: 12px;
      align-items: center;

      .info-item {
        color: $gray-60;
      }
      .info-item + .info-item {
        margin-left: 10px;
      }

      .menu-trigger {
        margin-left: 10px;
        cursor: pointer;
      }
    }
  }

  .recharts-xAxis {
    font-size: 12px;
  }

  .pointer-wrapper {
    position: absolute;
    bottom: 10px;
    padding: 0 8px;
    font-size: 12px;
    color: $white;
    transform: translateX(-50%);
    z-index: 2;
  }
}

.E_4100_0_24_c2pr38p {
  position: relative;
  width: 100%;
  overflow: visible;

  .recharts-surface {
    overflow: visible;
  }
}

.E_4100_0_24_tecdsj7 {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-50%, calc(-100% - 12px));
  pointer-events: none;
  z-index: 1;
}

.E_4100_0_24_tjhvvia {
  min-width: 200px;
  background-color: $fill-neutral-trans-8;
  border-radius: 4px;
  box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
  padding: 8px;
}

.E_4100_0_24_tuyrup3 {
  display: flex;
  align-items: center;
  background-color: unset;
  color: $text-neutral-ontint;
  justify-content: space-between;
  font-size: 12px;
  padding-top: 6px;

  &:first-child {
    padding-top: 3px;
  }
  &:last-child {
    padding-bottom: 3px;
  }
  .column-value {
    color: $text-neutral-ontint;
    margin-left: 8px;
  }
}

.E_4100_0_24_lheyn3m {
  display: inline-block;
  height: 8px;
  width: 8px;
  margin-right: 8px;
  border-radius: 2px;
  &.borderd {
    border: 1px solid $stroke-neutral-white;
  }
}


.E_4100_0_24_t1tbywr9 {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;

  &.medium {
    .tab-bar {
      height: 32px;

      .common-tab-bar {
        height: 32px;

        .tab-item-title {
          height: 32px;
          border-top-left-radius: 6px;
          border-top-right-radius: 6px;
          padding-right: 16px;
          padding-left: 16px;
          font-size: 16px;
        }
      }
    }
  }

  &.small {
    .tab-bar {
      height: 24px;

      .common-tab-bar {
        height: 24px;

        .tab-item-title {
          height: 24px;
          border-top-left-radius: 4px;
          border-top-right-radius: 4px;
          padding-right: 12px;
          padding-left: 12px;
          font-size: 14px;
        }
      }
    }
  }

  .tab-bar {
    max-width: 100%;
    display: flex;
    place-items: center;
    border-bottom: 1px solid $fills-trans-terdiary-light;

    .common-tab-bar {
      overflow: hidden;
      display: flex;
      place-items: center;

      .tab-item-title {
        &:first-child:not(.__selected):not(:hover) {
          padding-left: 0px;
        }
      }

      & + .tab-item-title {
        margin-left: 12px;
        position: relative;

        &::before {
          content: "";
          width: 1px;
          height: 24px;
          background: $strokes-light-trans-3;
          position: absolute;
          left: -6px;
          top: 50%;
          transform: translateY(-50%);
        }
      }
    }

    .tab-item-title {
      flex-shrink: 0;
      display: flex;
      place-items: center;
      cursor: pointer;
      color: $text-neutral-secondary;
      transition:
        color 100ms ease-out,
        background-color 100ms ease-out,
        padding-left 320ms ease 80ms;

      &:hover {
        padding-left: 16px;
        color: $text-light-general;
        background: $fill-outstanding-lighthover;
      }

      & + .tab-item-title {
        margin-left: 2px;
      }

      &.more {
        &:not(.__selected) {
          width: 16px;
          height: 16px;
          padding: 0;
          border-radius: 2px;
          margin-left: 8px;
        }

        &.__selected.tab-title-text {
          margin-left: 8px;
        }
      }

      &.__selected {
        padding-left: 16px;
        background: $fills-light-general-general-light;
        color: $text-light-general;
      }

      &.__hidden {
        display: none;
      }
    }
  }
}

.E_4100_0_24_ti12z2 {
  &.ant-dropdown-open {
    color: $text-light-general;
    background: $fills-light-trans-3;
  }
}

.E_4100_0_24_m19lu3v {
  cursor: default;
  & .menu-wrapper {
    min-width: 160px;
    max-width: 400px;
    padding: 6px;
    background: $white;
    box-shadow:
      0px 0px 10px rgba(107, 125, 153, 0.18),
      0px 12px 40px rgba(45, 58, 86, 0.3);
    border-radius: 8px;
    max-height: calc(100vh - 250px);
    overflow: auto;

    & .tab-menu-item {
      display: flex;
      place-items: center;
      width: var(--itemWidth);

      & + .tab-menu-item {
        margin-top: 8px;
      }

      &.__selected {
        padding: 6px;
        background: $fills-light-general-general-light;
        color: $text-light-general;

        &E_4100_0_24_l1nrg7da {
          @include Inter(bold !important);
        }
      }

      &.ant-dropdown-menu-item {
        padding: 5px 12px;
        border-radius: 4px;
      }

      &.ant-dropdown-menu-item:not(.ant-dropdown-menu-item-disabled):hover {
        color: $text-light-general;
        background: $fills-light-trans-3;
      }

      &-text {
        text-align: left;
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
  }
}

.E_4100_0_24_i1bmwe2m {
  margin: auto;
  cursor: pointer;
  line-height: normal;
  height: 16px;
  margin-right: 3px;

  .icon-inner {
    display: block;
    height: 16px;
  }
}


.E_4100_0_24_bpgac8u {
  color: #FFFFFF;
  display: flex;
  gap: 8px;
  padding: 8px 0;
  display: flex;
  justify-content: center;
  white-space: pre-wrap;
  align-items: center;
  .dashed-btn {
    border-bottom: 1px solid white;
    cursor: pointer;
  }
}

.E_4100_0_24_envn4g3 {
  background: #F0483E;
}

.E_4100_0_24_i12w18eu {
  background: #0080FF;
}

.E_4100_0_24_wujsnt4 {
  background-color: #E07F00;
}


.E_4100_0_24_t59qhqp {
  padding: 0px;
  padding-top: 5px;
  padding-left: 5px;

  .ant-timeline-item {
    margin-bottom: 16px;
    padding-bottom: 0px;
  }
  .ant-timeline-item-last,
  .compact.ant-timeline-item-last {
    margin-bottom: 0;
  }
  .compact.ant-timeline-item {
    margin-bottom: 12px;
  }
  .info-action {
    align-self: baseline;
  }
}

.E_4100_0_24_t2e44lg {
  .ant-timeline-item-content {
    margin-left: 18px;
  }
  .item-time {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 4px;
  }

  &:last-child {
    .ant-timeline-item-content {
      padding-bottom: 0;
    }
  }
}

.E_4100_0_24_e14ua30y {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.E_4100_0_24_s1ikqzph {
  color: #2C3852BF;
}

.E_4100_0_24_i15astnl {
  color: #00122E;
}


.E_4100_0_24_b1jaupqb {
  color: #F0483E;
}


.E_4100_0_24_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_4100_0_24_icab5o7 {
  --modal-to-viewport-margin: 10px;
  --modal-body-padding-bottom: 40px;
  --modal-footer-height: 124px;
  --modal-empty-footer-height: 40px;

  &.ant-modal {
    height: calc(100% - var(--modal-to-viewport-margin) * 2);
    width: calc(100% - var(--modal-to-viewport-margin) * 2);
    padding-bottom: 0;
    margin: 0 auto;
    top: 10px;
    transform: none;

    .ant-modal-close {
      right: 24px;
      top: 24px;

      .ant-modal-close-x {
        width: 40px;
        height: 40px;
      }
    }

    .ant-modal-content {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
    }

    .ant-modal-header {
      padding: 60px 0 40px 0;
      border: 0;
      flex-shrink: 0; // Prevent header from being compressed
    }

    .ant-modal-body {
      padding: 0;
      flex: 1; // Take up remaining space
      min-height: 0; // Allow flex item to shrink below content height
      overflow-y: auto;
      scrollbar-gutter: stable;
      &::-webkit-scrollbar {
        width: 6px;
      }
      &::-webkit-scrollbar-track {
        background: #E1E6F199;
      }
      &::-webkit-scrollbar-thumb {
        background: #ACBAD399;
        border-radius: 8px;
      }
    }

    &.initializing-error {
      .ant-modal-body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
      }
    }

    .initializing-title {
      height: 40px;
    }

    .ant-modal-footer {
      border-top: 1px solid rgba(225, 230, 241, 0.6);
      height: var(--modal-footer-height);
      padding: 24px 0 60px 0;
    }

    &.no-footer {
      .ant-modal-body {
        padding-bottom: 0;
        .middle {
          padding-bottom: 0;
        }
      }
      .ant-modal-footer {
        padding: 0;
        border-top: none;
        height: var(--modal-empty-footer-height);
        content: "";
      }
    }
  }
}

.E_4100_0_24_msiso3p {
  &.ant-modal {
    .ant-modal-header {
      padding: 60px 0 40px 0;
      width: 648px;
      margin: 0 auto;
    }

    .ant-modal-footer {
      width: 648px;
      margin: 0 auto;
    }
  }
}

.E_4100_0_24_cxvrrew {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;

  &:hover {
    background-color: $fill-neutral-trans-2;
    transition: 0.3s ease-out;
  }
}

.E_4100_0_24_cskzd0j {
  &.ant-modal-close.ant-btn {
    position: absolute;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 50%;
  }
}

.E_4100_0_24_t1fbnfp {
  color: $gray-120;
}

.E_4100_0_24_f4g2nsx {
  &.ant-modal {
    .ant-modal-body {
      padding-left: 40px;
      padding-right: 40px;
    }
    .ant-modal-footer,
    .ant-modal-header {
      margin-left: 40px;
      margin-right: 40px;
    }
  }
}

.E_4100_0_24_byhed70 {
  position: relative;
  .middle {
    height: 100%;
    overflow: auto;
    padding-bottom: var(--modal-body-padding-bottom);
  }
}

.E_4100_0_24_mo07jei {
  --left-width: 192px;
  --right-width: 192px;
  --content-width: 648px;
  --content-margin: 60px;
  --modal-body-padding: calc(
    (
        100% - var(--content-width) - var(--left-width) - var(--right-width) - var(
            --content-margin
          ) * 2
      ) / 2
  );
  --side-panel-margin-top: 140px;
  & > .left {
    width: var(--left-width);
    overflow: auto;
    position: fixed;
    left: var(--modal-body-padding);
    top: calc(var(--modal-to-viewport-margin) + var(--side-panel-margin-top));
  }

  & > .middle {
    width: var(--content-width);
    overflow: auto;
    margin: auto;
  }

  & > .right {
    width: var(--right-width);
    overflow: auto;
    position: fixed;
    right: var(--modal-body-padding);
    top: calc(var(--modal-to-viewport-margin) + var(--side-panel-margin-top));
  }
}

.E_4100_0_24_fph3s12 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  height: 40px;
}

.E_4100_0_24_f1f8uj0i {
  display: flex;
  align-items: center;
  gap: 16px;
  text-align: left;
}

.E_4100_0_24_fjcjd85 {
  flex-shrink: 0;
}

.E_4100_0_24_e1lj3r2s {
  color: $red-60;
  display: flex;
  align-items: center;
  height: 32px;
}

.E_4100_0_24_eb58k2y {
  margin-right: 4px;
  flex-shrink: 0;
}

.E_4100_0_24_e1bad0d {
  align-self: flex-start;
  margin-top: 5px;
}

.E_4100_0_24_c1x56aew {
  &.ant-btn-quiet {
    --color: #{$text-neutral-secondary};
  }
}


.E_4100_0_24_dxyv8bv {
  --footer-height: 80px;
  --modal-content-width: 492px;
  --modal-content-min-height: 160px;
  --modal-content-max-height: calc(
    100vh - 80px
  ); // Only consider vertical margins（top 40px, bottom 40px）, do not subtract header and footer height
  --modal-header-padding: 32px 40px 0;
  --modal-content-padding-top: 32px;
  --modal-content-padding-bottom: 32px;
  --modal-content-padding-x: 40px;
  --modal-footer-padding: 0 40px;
  --modal-empty-footer-height: 32px;

  padding-bottom: 0;

  .ant-modal-content {
    background: $backgrounds-light-primary;
    border-radius: 16px;
    max-width: var(--modal-content-width);
    min-width: var(--modal-content-width);
    max-height: var(
      --modal-content-max-height
    ); // Set the max height for the entire modal
    display: flex;
    flex-direction: column; // Use flexbox layout
  }

  .ant-modal-header {
    padding: var(--modal-header-padding);
    border-bottom: none;
    border-radius: 16px 16px 0 0;
    flex-shrink: 0; // Prevent header from being compressed
    .ant-modal-title {
      color: #00122E;
      margin-right: 28px;
    }
  }

  .ant-modal-close {
    right: 48px;
    top: 24px;
  }

  .ant-modal-body {
    padding: var(--modal-content-padding-top) var(--modal-content-padding-x)
      var(--modal-content-padding-bottom);
    padding-right: calc(
      var(--modal-content-padding-x) - 6px
    ); // Reserve 6px width for scrollbar
    min-height: var(--modal-content-min-height);
    flex: 1; // Take up remaining space
    min-height: 0; // Allow flex item to shrink below content height
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
    &::-webkit-scrollbar {
      width: 6px;
    }
    &::-webkit-scrollbar-track {
      background: #E1E6F199;
    }
    &::-webkit-scrollbar-thumb {
      background: #ACBAD399;
      border-radius: 8px;
    }
  }

  &.initializing-error {
    .ant-modal-body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
    }
  }

  .ant-modal-footer {
    height: var(--footer-height);
    padding: var(--modal-footer-padding);
    margin-top: 0;
    border-top: none;
    box-shadow: 0px 1px 0px 0px #e1e6f199 inset;
    flex-shrink: 0; // Prevent footer from being compressed
    .ant-btn-quiet {
      color: #2C3852BF;
      font-weight: 700;
    }
  }

  &.no-footer {
    .ant-modal-body {
      padding-bottom: 0;
    }
    .ant-modal-footer {
      box-shadow: none;
      height: var(--modal-empty-footer-height);
      content: "";
    }
  }
}

.E_4100_0_24_fbgo4wr {
  display: flex;
  gap: 16px;
  height: 100%;
  align-items: center;
  justify-content: flex-end;
  &.has-error {
    justify-content: space-between;
  }
}

.E_4100_0_24_ekxnz54 {
  color: #F0483E;
  text-align: left;
  .icon-wrapper {
    align-self: baseline;
    padding-top: 2px;
  }
}

.E_4100_0_24_ct1041x {
  padding: 8px;
  border-radius: 50%;
  &:hover {
    background: #E1E6F199;
    transition: 0.3s ease-out;
  }
}

.E_4100_0_24_m1k84ymw {
  width: 132px;
  height: 24px;
}

.E_4100_0_24_m15ds5xe {
  width: 100%;
  height: 100%;
  .skeleton-wrapper {
    width: 100%;
    height: 32px;
  }
}

.E_4100_0_24_ma56n19 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #0015404D;
}


.E_4100_0_24_sqv6dmy {
  display: flex;
  justify-content: flex-end;
}

.E_4100_0_24_p1rm8wzb {
  margin-right: 8px;
}

.E_4100_0_24_sd7qcf4 {
  height: 100%;
  width: 100%;
  overflow: auto;
}

.E_4100_0_24_r1fxc9gq {
  &.right {
    overflow: auto;
    padding-right: 2px;
    width: calc(192px + 6px + 2px);
    height: fit-content;
    max-height: calc(
      100vh - var(--modal-to-viewport-margin) * 2 - var(--side-panel-margin-top) - var(
          --modal-body-padding-bottom
        ) - var(--modal-footer-height)
    );
    scrollbar-gutter: stable;
    &::-webkit-scrollbar {
      width: 6px;
    }
    &::-webkit-scrollbar-track {
      background: #E1E6F199;
    }
    &::-webkit-scrollbar-thumb {
      background: #ACBAD399;
      border-radius: 8px;
    }
  }
}


.E_4100_0_24_s1n7hav7 {
  .ant-input-prefix {
    margin-right: 8px;
  }
  .ant-input-suffix {
    margin-left: 8px;
  }
}

.E_4100_0_24_c1tgpyn0 {
  color: $gray-120;
  border-right: 1px solid $gray-a60-5;
  margin-right: 8px;
  padding-right: 8px;
}

.E_4100_0_24_i1cmbu8m {
  display: flex;
  gap: 4px;

  .icon-wrapper {
    cursor: pointer;
  }
}

.E_4100_0_24_dxmfsc9 {
  &.icon-wrapper {
    cursor: not-allowed;
  }
}

.E_4100_0_24_slbf45q {
  &.ant-dropdown > .ant-dropdown-menu {
    padding: 6px;
    border-radius: 8px;

    .ant-dropdown-menu-item {
      color: #00122E;
      font-size: 13px;
      line-height: 20px;

      &.recent-search-menu-item {
        color: #2C3852BF;
        font-size: 12px;
        line-height: 18px;
        pointer-events: none;
        margin-bottom: 3px;
      }

      .ant-dropdown-menu-title-content {
        width: 100%;

        .icon-wrapper .icon-children {
          overflow: hidden;
        }
      }
    }
  }
}


.E_4100_0_24_t1g36k2w {
  overflow: hidden;
  height: 100%;
  background: white;
  .table-loading-item {
    padding: 8px 4px;
    display: flex;
    align-items: center;

    > * {
      height: 16px;
      margin: 4px;
      background: #EDF1FA99;
      border-radius: 2px;
    }
    .checkbox-loading {
      width: 16px;
    }
    .td-loading {
      flex: 1;
    }
  }

  :nth-child(1) {
    padding: 8px 4px;
    > * {
      background: #E1E6F199;
    }
  }
}


.E_4100_0_24_l1v1luhz {
  background-color: #00122e;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  span.xterm-decoration-top,
  span[style*="background-color: rgb(254, 168, 25)"] {
    color: #00122e;
  }
  margin-bottom: 10px;
}

.E_4100_0_24_lranxiw {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.E_4100_0_24_l1y3zqy5 {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding-left: 8px;
  border-radius: 8px;
  background-color: #00122e;
  font-family: "Roboto Mono", monospace;
  .xterm .xterm-viewport {
    overflow-y: auto;
    padding-right: 12px;
    border-radius: 8px;
    /* 设置滚动条样式 */
    &::-webkit-scrollbar {
      width: 8px; /* 滚动条的宽度 */
    }

    &::-webkit-scrollbar-track {
      background: #00122e; /* 滚动条轨道的背景色 */
      border-radius: 10px;
    }

    &::-webkit-scrollbar-thumb {
      background-color: #6b7d99; /* 滚动条的颜色 */
      border-radius: 10px; /* 滚动条的圆角 */
    }

    &::-webkit-scrollbar-thumb:hover {
      background-color: #4a607a; /* 滚动条悬停时的颜色 */
    }
  }
  .xterm .xterm-selection {
    overflow: hidden;
  }
}

.E_4100_0_24_c1x4mn5u {
  position: absolute;
  top: 45px; /* 搜索栏高度 */
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 18, 46, 0.7);
  color: #ffffff;
  z-index: 10;
  padding: 20px;
}

.E_4100_0_24_s4pilip {
  background-color: #00122e;
  border-radius: 5px 0 0 5px;
  .ant-input {
    background-color: #00122e;
    color: #ffffff;
    border: none;
  }
  .ant-input-suffix .counter-text {
    color: #ffffff;
  }
  &.ant-input-affix-wrapper {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }
}

.E_4100_0_24_llgkmll {
    position: absolute;
    inset: 0;
    z-index: 11;
    display: grid;
    place-items: center;
    padding: 20px;
    background-color: #00122E;
    color: #FFFFFF99;
    /* 保留页面的中文字体回退，避免 Inter 未加载时退回衬线字体。 */
    font-family: inherit;
  }


.E_4100_0_24_f16blduf {
  &.ant-form-item {
    margin-bottom: 0;
  }

  .ant-form-item-explain {
    display: none;
    min-height: 18px;
    margin-top: 5px;
    font-family: "Inter";
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
  }

  &.ant-form-item[class*="ant-form-item-has"]:not(
      .ant-form-item-has-error-leave
    ) {
    white-space: pre-wrap;
    .ant-form-item-explain {
      display: block;
    }
  }
}


.E_4100_0_24_t1gvlxt5 {
  min-width: 0;
  flex: 1;
  .tag {
    flex: 0 0 auto;
  }
  .progress-title {
    flex: 2;
    max-width: fit-content;
    color: #00122E;
  }
  .progress-desc {
    flex: 1;
    max-width: fit-content;
  }
}

.E_4100_0_24_a1ji6r68 {
  display: flex;
  align-items: center;
  column-gap: var(--a1ji6r68-0);
}


.E_4100_0_24_t1616y1o {
  color: $text-light-on-tint;
}


.E_4100_0_24_a9y3flr {
  margin-left: 8px;
}

.E_4100_0_24_a1njc627 {
  font-size: 12px;
  color: $text-neutral-primary;
}


.E_4100_0_24_d1u4ndxc {
  color: #2C3852BF;
  font-size: 12px;
}

.E_4100_0_24_f6xb0iv {
  min-width: 0;
  flex: 1;
}

.E_4100_0_24_b1dhu7ov {
  &.antd5-progress {
    width: 220px;
  }
}

.E_4100_0_24_p1as1j2z {
  .antd5-progress.antd5-progress-status-active
    .antd5-progress-bg::before {
    content: "";
    display: block;
    height: 8px;
    background: linear-gradient(90deg, #0080ff 0%, #9ecfff 50%, #0080ff 100%);
    animation: loading 1600ms ease-out infinite;
    opacity: 1;
  }

  @keyframes loading {
    from {
      transform: translateX(-100%);
    }
    to {
      transform: translateX(100%);
    }
  }
}


.E_4100_0_24_i14c7jc8 {
  color: var(--i14c7jc8-0);
}

.E_4100_0_24_i1ibuolf {
  display: flex;
  align-items: center;
  column-gap: 4px;
  font-size: 12px;
  color: #2C3852BF;
}


.E_4100_0_24_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_4100_0_24_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_4100_0_24_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_4100_0_24_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_4100_0_24_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;
      margin-left: 8px;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      justify-content: center;

      &:hover {
        background: $fills-light-trans-2;
      }
    }
  }
  .action-group {
    flex: 1;
    margin-left: 88px;
    white-space: nowrap;
    text-align: right;
    position: relative;
    padding: 4px 0;
    margin-top: -4px;
    overflow: hidden;
    .sub-menu-delete {
      transform: translateY(-4px);
    }
    button {
      border: none;
    }
    > *:not(:last-child) {
      margin-right: 8px;
    }

    > button:last-child {
      margin-right: 4px;
    }
    .more-btn {
      cursor: pointer;
      width: 32px;
      height: 32px;
      justify-content: center;
      border-radius: 50%;

      &:hover {
        background: $white;
      }
    }
  }
}

.E_4100_0_24_mzzncgx {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}


.E_4100_0_24_c18bcrac {
  display: inline-block;
  width: 100%;
  .recharts-wrapper {
    margin-left: 4px;
  }
}

.E_4100_0_24_cro7kg2 {
  padding: 4px;

  .unit {
    color: white;
  }
}

.E_4100_0_24_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_4100_0_24_coy29mj.E_4100_0_24_c14wcxf0 {
  font-weight: bold;
  color: white;
}

.E_4100_0_24_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_4100_0_24_p1lyky6c {
  & > :first-child {
    font-weight: bold;
    color: white;
    margin-right: 4px;
  }
}


.E_4100_0_24_tqjc4ui {
  @at-root {
    span#{&} {
      margin: 0 2px;
    }
  }
}


.E_4100_0_24_gmyahx3 {
  cursor: pointer;

  .link-text {
    color: $text-light-tertiary;
  }

  &:hover .link-text {
    color: $text-light-general;
  }
}


.E_4100_0_24_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_4100_0_24_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 {
    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_4100_0_24_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;
    }
  }

  padding-bottom: 4px;
  border-bottom: 1px solid rgba(213, 219, 227, 0.6);
}

.E_4100_0_24_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_4100_0_24_skwah65 {
  height: 8px;
  box-sizing: border-box;
  border-radius: 2px;
  background: #f5f7fa;
  display: flex;
  width: 100%;
  overflow: hidden;

  .stack-bar-item + .stack-bar-item {
    margin-left: 1px;
  }
}


.E_4100_0_24_n12mqh7z {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 18px;

  &:not(:last-child) {
    margin-bottom: 4px;
  }
}

.E_4100_0_24_tf5bynu {
  margin: 0 3px;
}

.E_4100_0_24_tcckoz1 {
  max-height: 400px;
  overflow: auto;
}


.E_4100_0_24_s1iv0tp1 {
  .enabled-switch {
    display: flex;
    align-items: center;
  }

  .enabled-text {
    margin-right: 8px;
  }
}


.E_4100_0_24_ou7iq30 {
  overflow: hidden;
  text-overflow: ellipsis;
}

.E_4100_0_24_s1tui002 {
  white-space: nowrap;
}

.E_4100_0_24_mxrc2zg {
  display: -webkit-box;
  -webkit-line-clamp: var(--mxrc2zg-0);
  -webkit-box-orient: vertical;
  word-break: break-word;
}

.E_4100_0_24_t1vv6d68 {
  .ant-tooltip-arrow {
    display: none;
  }
  .ant-tooltip-inner {
    background: $gray-a80-9;
    border-radius: 4px;
    &:has(.eagle-ellipsis-content) {
      visibility: hidden;
    }
  }
}


.E_4100_0_24_wg1tsps {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.E_4100_0_24_b1ctd5xy {
  display: flex;
  align-items: center;
  width: calc(100% - 40px);

  .chart {
    display: inline-block;
    width: 100%;
  }
}

.E_4100_0_24_u1p8acpn {
  min-width: 40px;

  .unit {
    color: $text-light-primary !important;
  }
}


.E_4100_0_24_t1sqg15u {
  background: white;

  &.inline {
    .table-row {
      flex-direction: column;

      > label {
        padding: 0 16px 7px 0;
      }
    }
  }

  &.has-border {
    .table-header {
      border-bottom: 1px solid $strokes-light-trans-1;
    }

    .hiddenBorder {
      border-top: none !important;
    }

    .table-row + .table-row {
      border-top: 1px solid $strokes-light-trans-1;
    }

    .table-row:last-of-type {
      padding-bottom: 0;
    }
  }

  &.align-right {
    .content {
      text-align: right;
    }
  }
  .uuid-row {
    display: flex;
    justify-content: space-between;

    .id-text {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
}

.E_4100_0_24_t4zczcp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  min-height: 32px;

  .table-title {
    color: $text-secondary-light;
    font-weight: 600;
    font-size: 12px;
    line-height: 8px;
  }

  .edit-icon {
    font-size: 16px;
    color: $strokes-translucent-2-light;
    cursor: pointer;
  }
}

.E_4100_0_24_t1s7goww {
  font-size: 12px;
  line-height: 18px;
}

.E_4100_0_24_t93e4cf {
  display: flex;
  padding: 8px 0;
  color: $text-primary-light;

  .hidden {
    display: none;
  }

  .ant-btn.ant-btn-link {
    height: auto;
  }

  .content {
    overflow: hidden;
    overflow-x: auto;
    width: 100%;
    white-space: pre-wrap;

    .ant-btn {
      white-space: pre-wrap;
      text-align: left;
    }

    .unit-chart {
      justify-content: flex-start;
    }
  }
}

.E_4100_0_24_rhz2uv5 {
  width: var(--rhz2uv5-0);
  flex-shrink: 0;
  color: $text-secondary-light;
  padding-right: 12px;
}


.E_4100_0_24_s1at6qmn {
  &.ant-layout-sider {
    background: $backgrounds-light-grouped;
    padding: 32px 8px;
    overflow: auto;
  }

  .ant-layout-sider-children {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  footer {
    display: flex;
  }

  .ant-menu {
    background: $backgrounds-light-grouped;
    a {
      color: $text-light-primary;
      width: 180px;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }

  .ant-menu-vertical {
    margin-bottom: 24px;

    .ant-menu-item-group {
      .ant-menu-item {
        margin: 0;
      }
      .ant-menu-item-group-title {
        font-size: 12px;
        padding: 0 8px 4px;
        line-height: 18px;

        &:empty {
          padding: 0;
        }
      }
      &:not(:last-child) {
        padding-bottom: 24px;
        &.split {
          margin-bottom: 24px;
          border-bottom: 1px solid rgba(211, 218, 235, 0.6);
        }
      }
    }

    .ant-menu-item {
      transition: none;
      display: flex;
      align-items: center;
      height: 32px;
      line-height: 22px;
      padding: 0 8px;

      > .icon-wrapper {
        margin-right: 12px;
      }

      &:not(:last-child) {
        margin: 0;
        margin-bottom: 2px;
      }
      &.ant-menu-item-selected {
        background: $background-selected;
        box-shadow: $box-shadow-light-selected;
        border-radius: 6px;
        color: $text-light-on-tint;
        a {
          color: $text-light-on-tint;
        }
      }
      &:not(.ant-menu-item-selected) {
        &.ant-menu-item:hover,
        &.ant-menu-item-active {
          background: $background-onhover;
          box-shadow: $box-shadow-light-onhover;
          border-radius: 6px;
        }
      }
    }
  }
}

.E_4100_0_24_s1wu0lms {
  .ant-menu-item-group-title {
    white-space: nowrap;
    transition: all 0s;
  }

  &.shrink {
    transition: all 0s;
    overflow: hidden;

    .ant-menu-item-group-title {
      visibility: hidden;
    }

    .ant-menu-item {
      width: 36px;
      padding: 0 6px;
    }
  }
}

.E_4100_0_24_n1ugzfva {
  display: flex;
  place-items: center;
  width: 100% !important;

  &[disabled] {
    color: rgba(0, 0, 0, 0.25) !important;
    opacity: 1 !important;
  }

  &.ant-btn {
    width: 100%;
    color: $text-light-primary;
  }

  .icon-wrapper {
    margin-right: 12px;
  }

  .link-title {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
  }
}


.E_4100_0_24_u15heuvq {
  &.content {
    cursor: default !important;
    &.link {
      cursor: pointer !important;
      &:hover {
        color: $text-colorful-outstanding;
      }
    }
    &.black {
      color: $text-neutral-primary;
    }
    &.gray {
      color: $text-neutral-secondary;
    }
  }
}


.E_4100_0_24_t160l1cm {
  display: flex;
  flex-direction: column;
  flex: 1;

  .tab-bar {
    flex-shrink: 0;
    display: flex;
    border-bottom: 1px solid $strokes-translucent-1-light;
  }

  .tab-content {
    height: 100%;
  }

  .tab-menu-item {
    margin-right: 2px;
    padding: 1px 12px;
    line-height: 24px;
    height: 24px;
    color: $text-secondary-light;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
    transition:
      color 100ms ease-out,
      background-color 100ms ease-out,
      padding-left 320ms ease 80ms;

    &:first-child {
      padding-left: 0;

      &:hover,
      &.tab-menu-item-selected {
        padding-left: 12px;
      }
    }

    &:hover {
      color: $blue-60;
      background: $fills-trans-terdiary-light;

      .expand-arrow path {
        fill: $blue-60;
      }
    }

    &:active {
      background: $fills-trans-quaternary-light;
    }

    &.ant-dropdown-open {
      color: $blue-60;
      background: $fills-trans-terdiary-light;

      &:active {
        background: $fills-trans-quaternary-light;
      }

      &.tab-menu-item-selected {
        background: rgba($blue-60, 0.16);
      }

      .expand-arrow path {
        fill: $blue-60;
      }
    }

    &.tab-menu-item-selected {
      color: $blue-60;
      background: rgba($blue-60, 0.1);

      &:hover {
        background: rgba($blue-60, 0.16);
      }

      .expand-arrow path {
        fill: $blue-100;
      }
    }

    .expand-arrow {
      margin-left: 8px;
      height: 22px;
    }
    .expand-arrow path {
      fill: $text-secondary-light;
    }
  }

  .tab-menu-item-group {
    padding: 0;
    display: flex;
    align-items: center;
    overflow: hidden;

    .main-title {
      opacity: 0;
      max-width: 0;
      transition:
        max-width 320ms ease,
        opacity 240ms ease;
    }

    .sub-title {
      padding: 1px 12px;
      position: relative;
      display: flex;

      > .slash-arrow {
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(-50%, -50%);
        transition: opacity 100ms linear;
        fill: rgba($blue-60, 0.2);
      }
    }

    &.tab-menu-item-selected {
      color: $blue-60;

      .main-title {
        padding: 1px 12px;
        display: inline-block;
        opacity: 1;
        max-width: 160px;
      }

      .sub-title {
        padding: 1px 12px;
        color: $blue-80;

        > .slash-arrow {
          opacity: 1;
        }
      }

      &:hover,
      &:active {
        .sub-title {
          background: rgba($blue-60, 0.16);
        }
        .sub-title > .slash-arrow {
          opacity: 0;
        }
      }
    }
  }

  .tab-menu-item-medium {
    &.tab-menu-item {
      padding: 4px 16px;
      height: 32px;
      border-radius: 6px 6px 0 0;

      &:first-child {
        padding-left: 0;
      }
      &:first-child:hover,
      &.tab-menu-item-selected:first-child {
        padding-left: 16px;
      }

      .expand-arrow {
        margin-left: 11px;
        height: 24px;
      }
    }

    &.tab-menu-item-group {
      padding: 0;

      .sub-title {
        padding: 4px 16px;
      }

      &.tab-menu-item-selected .sub-title,
      &.tab-menu-item-selected .main-title {
        padding: 4px 16px;
      }
    }
  }

  .tab-menu-item-light {
    &:hover,
    &:active {
      background: $white;
    }

    &:active {
      color: $blue-80;
    }

    &.tab-menu-item.tab-menu-item-selected {
      background: $white;
      color: $blue-100;
    }

    &.tab-menu-item-group.tab-menu-item-selected {
      .main-title {
        color: rgba($gray-80, 0.6);
      }

      .sub-title {
        color: $blue-100;
      }

      .sub-title > .slash-arrow {
        fill: $fills-opaque-quaternary-light;
      }

      .sub-title > .expand-arrow path {
        fill: $blue-100;
      }
    }
  }

  .tab-content {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  /* FIXME:(yanzhen) do this better */
  &.is-overview .tab-content {
    overflow: visible;
  }
}

.E_4100_0_24_t14npdqr {
  max-width: 240px;
  animation: none;

  &.ant-dropdown .ant-dropdown-menu {
    border: 1px solid $blue-60;
    padding: 0;

    .ant-dropdown-menu-item {
      margin: 0;
      height: 32px;
      line-height: 32px;
      font-size: 13px;
      padding: 0 10px;
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;

      &:not(:first-child) {
        &::before {
          content: " ";
          height: 1px;
          width: calc(100% + 10px);
          background: $strokes-translucent-1-light;
          display: block;
        }
      }

      &.ant-dropdown-menu-item-selected {
        color: $blue-60;
        background: transparent;
      }
    }
  }
}


.E_4100_0_24_cyms3br {
  background: #fff;
  width: 100%;
  border: none;
  border-radius: 0;
  .ant-list {
    padding: 12px;
  }
  .ant-list-item {
    padding: 4px 0;
  }
  .ant-alert {
    margin-left: 24px;
  }
  header {
    border-bottom: 1px solid rgba(211, 218, 235, 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);
    }
  }
  &.border {
    border-radius: 8px;
    border: 1px solid rgba(228, 233, 242, 1);
    header {
      border-bottom: none;
      background: rgba(225, 230, 241, 0.6);
    }
  }
}

.E_4100_0_24_c157gu4z {
  .ant-list-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }
  .icon-wrapper {
    align-self: flex-start;
    margin-top: 1px; /* 1px: (18-16)/2,  18 is the height of the icon, 16 is the height of the icon */
  }
  .description {
    flex: 1 1 0;
    min-width: 0;
    margin-left: 8px;
    word-break: break-word;
    overflow-wrap: break-word;
  }
  .ant-space,
  .ant-flex {
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: 0px; /* 0px: (18-18)/2,  18 is the height of the tag, 18 is the line-height */
  }
}

.E_4100_0_24_eu1sysj {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


.E_4100_0_24_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_4100_0_24_l18dja44 {
  padding: 6px 0;

  .col-label * {
    font-size: 13px;
    line-height: 20px;
  }
  .col-content * {
    font-size: 14px;
    line-height: 20px;
  }
}

.E_4100_0_24_c8c2hys {
  display: flex;
  justify-content: space-between;
  flex: 1;
  min-width: 0;
}

.E_4100_0_24_n4m6c4d {
  color: $text-light-tertiary;
}


.E_4100_0_24_h1ol2wl7 {
  font-weight: bold;
  background-color: unset;
  padding: unset;
}


.E_4100_0_24_kr6am0s {
  .ant-modal-body {
    padding: 60px 128px;
  }
}

.E_4100_0_24_k1h3cl5q {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.E_4100_0_24_k1a6j97w {
  color: $gray-120;
  font-size: 32px !important;
  margin-bottom: 16px;
}

.E_4100_0_24_k1uim1fg {
  margin-bottom: 32px;
  color: $gray-120;
}

.E_4100_0_24_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_4100_0_24_kxzv3id {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 128px;
}

.E_4100_0_24_eld9lt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.E_4100_0_24_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_4100_0_24_l12xdkhl {
  width: 64px;
  height: 64px;
  max-width: 64px;
  max-height: 64px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  opacity: 0.6;
  .icon-wrapper {
    @keyframes rotate {       from { transform: rotate(0deg); }       to { transform: rotate(360deg); }     };
    animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
  }
}


.E_4100_0_24_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_4100_0_24_c1kchka8 {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  background: $white;
  overflow: auto;
}

.E_4100_0_24_ctdb951 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px 0 8px;
  height: 44px;
  flex-shrink: 0;

  .year-number {
    &-input {
      width: 54px;
      padding: 4px;
      margin-right: 9px;
      font-weight: 700;
      font-size: 16px;
      line-height: 24px;
    }

    &-text {
      cursor: pointer;
      margin-right: 4px;
    }
  }

  .year-control {
    display: flex;
    align-items: center;
    gap: 8px;

    .ant-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      background: $fills-light-trans-1;
    }
  }
}

.E_4100_0_24_cvgtyx0 {
  display: grid;
  grid-template-columns: repeat(7, auto);
  list-style: none;
  padding: 0 12px;
  margin: unset;
  height: 40px;
  gap: 4px;
  border-bottom: 1px solid $fills-trans-terdiary-light;
  flex-wrap: wrap;
  flex-shrink: 0;

  li {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: $text-light-secondary;
  }
}

.E_4100_0_24_crprfvb {
  flex: 1;
  overflow: auto;
  position: relative;

  ul {
    list-style: none;
    padding: 0;
    margin: 0;

    .month-container {
      header {
        padding: 4px 12px;
        position: sticky;
        top: 0;
        background: $white;
        transition: all 0.2s ease-in-out;
        z-index: 2;

        &.pinned {
          box-shadow:
            0px 4px 12px rgba(225, 230, 241, 0.4),
            inset 0px -1px 0px rgba(225, 230, 241, 0.6);
        }
      }

      .dates-in-month {
        display: grid;
        grid-template-columns: repeat(7, auto);
        gap: 4px 0;
        padding: 4px 12px;

        .date-block {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;

          &.highlight {
            border-color: #e6f4ff;
            background: #e6f4ff;

            &.first-highlight {
              position: relative;
              background: $white;

              &::after {
                content: "";
                position: absolute;
                right: 0;
                top: 0;
                width: calc(50% + 20px);
                height: 100%;
                background: #e6f4ff;
                border-top-left-radius: 50%;
                border-bottom-left-radius: 50%;
              }
            }

            &.last-highlight {
              position: relative;
              background: $white;

              &::after {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                width: calc(50% + 20px);
                height: 100%;
                background: #e6f4ff;
                border-top-right-radius: 50%;
                border-bottom-right-radius: 50%;
              }

              &:last-child::after {
                width: 40px;
                top: 50%;
                transform: translateY(-50%);
              }
            }
          }

          & + .highlight {
            border-radius: unset;
          }

          &:hover > .date {
            border: 1px solid $text-light-general;
            cursor: pointer;
            background: $white;
          }

          & > .date {
            width: 38px;
            height: 38px;
            line-height: 36px;
            text-align: center;
            border-radius: 50%;
            color: $text-light-primary;
            border: 1px solid transparent;
            transition:
              background,
              border 0.2s ease-in-out;
            position: relative;
            z-index: 1;

            &.blank {
              background: transparent;
            }

            &.today {
              color: $text-light-general;
              border-color: $strokes-light-outstanding-light;
            }

            &.highlight {
              border-color: #e6f4ff;
            }

            &:hover {
              border-color: $text-light-general;
              cursor: pointer;
              background: $white;
            }

            &.checked {
              background: $text-light-general;
              color: $white;
            }

            &.disabled {
              cursor: not-allowed;
              border-color: transparent;
              background: $fills-light-opaque-3;
              color: $text-quaternary-light;
            }
          }
        }
      }
    }
  }
}

.E_4100_0_24_ipbxcfl {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;

  .input-time {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    border: 1px solid $fills-light-opaque-3;
    transition: all 0.1s ease-in-out;
    padding: 4px 8px;
    background: $white;
    border-radius: 5px;

    &.focus {
      border-color: $strokes-light-outstanding;
      box-shadow: 0px 0px 0px 4px rgba(0, 136, 255, 0.16);
    }

    &.error {
      border-color: $fills-light-serious-serious;

      &.focus {
        box-shadow: 0px 0px 0px 4px $fills-light-serious-serious-light-active;
      }
    }

    input {
      font-family: "Inter";
      font-style: normal;
      font-weight: 400;
      font-size: 13px;
      line-height: 20px;
      border: none;
      outline: none;
      width: 23px;
      height: 20px;
      text-align: center;
      padding: 0;
      color: $text-light-primary;

      &::placeholder {
        color: $text-light-tertiary;
      }

      &:disabled {
        background: inherit;
      }

      &:focus,
      &:active {
        border: none;
        outline: none;
      }
    }

    .connect-symbol {
      margin: 0 2px;
      color: $text-light-tertiary;

      &.inputted {
        color: $text-light-primary;
      }
    }
  }

  .error-message {
    color: #f0483e;
    margin-top: 4px;
  }
}

.E_4100_0_24_a120uq8m {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  .date-range-picker-calendar {
    flex: 1;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
}

.E_4100_0_24_a15s9m0d {
  padding: 8px 12px;
  box-shadow: inset 0px 1px 0px rgba(211, 218, 235, 0.3);

  .time-input-main {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;

    .time-input-container {
      display: flex;
      align-items: flex-end;
      gap: 8px;

      .start-time,
      .end-time,
      .to {
        color: $text-light-secondary;

        p {
          margin: 0;
          margin-bottom: 2px;
        }
      }

      .start-time.validate-failed,
      .to.validate-failed {
        padding-bottom: 18px;
      }

      .to {
        line-height: 34px;
      }

      .input-time {
        height: 32px;
        padding: 6px 3px;
      }
    }

    .ant-btn.validate-failed {
      margin-bottom: 18px;
    }
  }

  .time-input-error {
    color: $fills-light-serious-serious;
  }
}

.E_4100_0_24_r5hl59d {
  min-width: 162px;

  .ant-input-affix-wrapper {
    width: 100% !important;
    border-width: 0 0 1px 0 !important;
    border-color: $strokes-light-trans-2;
    border-radius: 0;

    & + .past-time-list {
      margin-top: 8px;
    }
  }

  .past-time-list {
    list-style: none;
    padding: 0;
    margin-top: 12px;
    margin-bottom: 12px;

    li {
      padding: 5px 8px;
      border-radius: 5px;
      transition: all 0.2s ease-in-out;
      cursor: pointer;

      &:hover {
        background: $fills-interaction-light-outstanding-hover;
        color: $text-light-general;
      }

      &:active {
        background: $fills-interaction-light-outstanding-active;
        color: $text-light-general;
      }

      &.selected {
        background: $fills-interaction-light-outstanding-active;
        color: $text-light-general;

        .highlight {
          color: $text-light-general;
        }
      }

      &.disabled {
        background: $fills-light-trans-1;
        color: $text-light-tertiary;
        cursor: not-allowed;
      }

      & + li {
        margin-top: 2px;
      }
    }
  }
}

.E_4100_0_24_dhqt3dw {
  min-width: 392px;

  &.date-range-picker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: $white;
    border-radius: 5px;
    border: 1px solid $strokes-light-trans-3;
    transition: all 0.2s ease-in-out;

    .default-calendar-icon {
      display: inline-flex;
    }

    .hover-calendar-icon {
      display: none;
    }

    &:hover,
    &.active {
      border-color: $strokes-light-outstanding;
      box-shadow: 0px 0px 0px 4px rgba(0, 136, 255, 0.16);

      .default-calendar-icon {
        display: none;
      }

      .hover-calendar-icon {
        display: inline-flex;
      }
    }

    &.large {
      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 {
      flex: 1;
      display: flex;
      align-items: center;
      gap: 8px;
      color: $text-light-primary;

      .concat-symbol-block {
        color: $text-light-tertiary;
      }

      input {
        border: none;
        outline: none;
        width: 162px;
        padding: 0;
        height: 22px;
        line-height: 22px;
        text-align: center;

        &::placeholder {
          color: $text-light-tertiary;
          text-align: center;
        }

        &:disabled {
          background: inherit;
        }

        &:hover,
        &:focus,
        &:active {
          border: none;
          outline: none;
          box-shadow: none;
        }
      }
    }

    .past-time-icon {
      cursor: pointer;
    }
  }
}

.E_4100_0_24_d956d92 {
  .ant-popover-inner {
    border-radius: 8px;
  }

  .ant-popover-inner-content {
    .tab-menu {
      .tab-bar {
        padding: 12px 12px 0 12px;
      }

      .tab-menu-item-medium.tab-menu-item:first-child {
        padding-left: 16px;
      }

      .tab-menu-item {
        margin-right: 0;

        & + .tab-menu-item {
          margin-left: 2px;
        }
      }
    }

    .relative-time-container {
      max-height: 470px;
      overflow: auto;

      ul {
        padding: 0 12px;
      }
    }

    .absolute-time-container {
      height: 470px;
      overflow: auto;
    }
  }
}

.E_4100_0_24_d1tc7lgk {
  min-width: 200px;

  header {
    border-bottom: 1px solid $strokes-light-trans-2;
    padding: 8px 12px;
    color: $text-light-secondary;
  }

  ul {
    list-style: none;
    padding: 12px;

    li {
      padding: 5px 8px;
      border-radius: 5px;
      transition: all 0.2s ease-in-out;
      cursor: pointer;

      &:hover {
        background: $fills-interaction-light-outstanding-hover;
        color: $text-light-general;
      }

      &:active {
        background: $fills-interaction-light-outstanding-active;
        color: $text-light-general;
      }

      & + li {
        margin-top: 2px;
      }
    }
  }
}

.E_4100_0_24_rzaik16 {
  padding: 0;

  .ant-popover-arrow {
    display: none;
  }

  .ant-popover-inner-content {
    padding: 0;
  }
}


.E_4100_0_24_cevhqx7 {
  color: $text-light-primary;
}

.E_4100_0_24_snbqlt4 {
  margin-top: 8px;
  color: $text-light-secondary;
}


.E_4100_0_24_c1ss4prm {
  color: $text-light-secondary;
  &:is(ul, ol) {
    padding-inline-start: 12px;
  }

  li {
    margin-bottom: 4px;

    &:last-child {
      margin-bottom: 0;
    }
  }
}

.E_4100_0_24_ms3tlei {
  background: $fill-neutral-trans-2;
  padding: 8px;
  border-radius: 6px;
  color: $gray-a60-8;

  .icon-wrapper {
    margin-top: 1px; // The text line height is 18px, the icon height is 16px, so a 1px offset is needed
    margin-right: 4px;
  }

  li {
    margin-bottom: 4px;
    display: flex;
    align-items: flex-start;

    &:last-child {
      margin-bottom: 0;
    }
  }
}

.E_4100_0_24_du44iy7 {
  margin-bottom: 4px;
}

.E_4100_0_24_p1qmhanr {
  margin-bottom: 8px;
}

.E_4100_0_24_srje1h0 {
  color: $text-light-secondary;
  margin-bottom: 8px;
}

.E_4100_0_24_di3zi7v {
  height: 1px;
  background: $strokes-light-opaque-2;
  margin: 16px 0;
}