.debugCodePanel {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

.mcplist {
  width: 30%;

  .listItem {
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;

    &:hover {
      background-color: #f5f5f5;
    }

    &.disabled {
      cursor: not-allowed;
    }
  }

  .listItemActive {
    background-color: #e8f3ff;

    &:hover {
      background-color: #e8f3ff;
    }

    :global {
      .@{antPrefix}-list-item-meta-title {
        color: var(--beyond-color-primary, #165dff);
        font-weight: 500;
      }
    }
  }

  :global {
    .@{antPrefix}-typography {
      margin: 0;
      padding: 0;
    }
    .@{antPrefix}-spin-nested-loading,
    .@{antPrefix}-spin-container {
      height: 100%;
      width: 100%;
    }
    .@{antPrefix}-spin-container {
      overflow: auto;
    }
  }
}
