.container {
  padding: 20px;
  z-index: 997;
  position: relative;
  width: 208px;
  border-radius: 10px;
  color: rgb(203, 227, 240);
  font-size: 16px;

  .menuBg {
    background: rgba(12, 60, 112, 0.7);
    border-radius: 20px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: rgba(12, 60, 112, 0.7);
    position: absolute;
    inset: 0;
    z-index: 100;
  }
  .title {
    color: rgb(188, 206, 233);
    font-size: 18px;
    margin-bottom: 10px;
  }

  .leftTab {
    background: rgba(19, 145, 224, 0.464);
    width: 175px;
    height: 35px;
    border-radius: 15px;
    padding-left: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
  }

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

  .rowItem {
    margin-top: 16px;

    img {
      width: 20px;
      height: 20px;
    }
  }

  .treeTitle {
    display: flex;
    align-items: center;

    img {
      margin-left: -10px;
      margin-right: 5px;
      width: 19px;
      height: 18px;
    }
  }
  .mark {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 8px;
  }
  :global {
    .ant-tree {
      background-color: rgba(12, 60, 112, 0.135) !important;
    }
    .ant-tree .ant-tree-switcher {
      display: none !important;
    }

    .ant-tree .ant-tree-checkbox .ant-tree-checkbox-inner {
      background-color: #48779d88 !important;
      border: #99fdfa 1px solid !important;
    }

    .ant-tree-node-content-wrapper.ant-tree-node-selected,
    .ant-tree-checkbox + span.ant-tree-node-selected {
      background-color: rgba(12, 60, 112, 0.197) !important;
    }
  }
}
