.right-side-bar {
  height: calc(100% - 60px);
  position: absolute;
  right: 0;
  top: 60px;
  z-index: 100;
  background-color: #fff;

  // 只针对右侧边栏的第一层 Tabs
  :global {
    .right-side-bar-tabs {
      height: 100%;

      > .arco-tabs-header-nav {
        .arco-tabs-header-title {
          padding: 0;
          margin-top: 0;
        }

        .arco-tabs-header-title-text {
          padding: 10px;
          writing-mode: vertical-rl;
          text-orientation: mixed;
          display: flex;
          align-items: center;
          justify-content: center;

          span {
            padding-top: 5px;
          }

          .arco-icon {
            margin-left: 5px;
          }
        }

        .arco-tabs-tab-active {
          font-weight: bold;
        }

        .arco-tabs-bar-vertical {
          width: 40px;
        }
      }
    }

    .arco-tabs-vertical {
      height: 100%;

      .arco-tabs-content {
        padding: 0;

        .arco-tabs-content-inner {
          height: 100%;

          .arco-tabs-pane {
            height: 100%;

            .arco-resizebox {
              height: 100%;
            }
          }
        }
      }
    }
  }
}
