@define refs {
  name: contextMenu;
}

@alga {refs.name} {
  .{refs.name} {
    ref: pi-fixed left-0px top-0px zIndex-5005 w-100pct h-100vh;

    &Content {
      ref: pi-absolute zIndex-5010 w-160px d-flex flexDirection-column bg-hexfff;
      ref: rd-0.25rem;
      ref-boxShadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
    }

    &Item {
      ref: w-100pct p-0.5rem_0.75rem cursor-pointer;

      &:hover {
        ref: bg-hexeee;
      }
    }
  }
}