.type-nav-container {
  width: 310px;
  padding: 8px 0 8px 8px;
  .type-nav-box {
    height: 100%;
    border-radius: 10px 0px 0px 15px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
  }
}
.poe-content {
  height: calc(100vh - var(--header-height) - 97px - 48px);
  display: flex;
}

.item-box {
  display: inline-flex;
  margin-bottom: 12px;
  margin-right: 12px;
  height: 32px;
  align-items: center;
  padding: 0 12px;
  border-radius: 8px;
  background-color: #d9e4ff;
  color: var(--ant-primary-color);
  font-size: 14px;
  position: relative;
  &.is-edit {
    &:hover {
      .mask {
        visibility: visible;
      }
    }
  }
  .mask {
    visibility: hidden;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.25);
    align-items: center;
    justify-content: center;
  }
}
