.menu {
  position: fixed;
  width: 132px;
  display: none;
  color: var(--easyv-text-base);
  border: 1px solid var(--easyv-border-color-5);
  background: var(--easyv-background-6);
  &:global {
    &.show {
      display: block;
      z-index: 100;
    }
  }
  :global(.icon) {
    display: inline-block;
    font-size: 12px;
    margin-right: 4px;
    color: var(--easyv-text-base);
  }
}

.wrap {
  border-bottom: 1px solid var(--easyv-border-color-4);
  &:last-of-type {
    border-bottom: none;
  }
  .item {
    height: 32px;
    padding: 4px 12px 4px 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative;
    &:hover {
      background: var(--easyv-primary-color);
      color: #fff;
      i {
        color: #fff;
      }
    }

    // &[disabled] {
    //   color: #666;
    //   cursor: initial;
    //   i {
    //     color: #666;
    //   }
    // }
  }
  .cancelGroup,
  .item[disabled] {
    opacity: 0.5;
    pointer-events: none;
  }
}
