.ContextMenuLevel {
  --transform-direction: translateY(0);
  --transform-animate: translateX(0);
  z-index: 9999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 240px;
  padding: var(--space-xs) 0;
  background: var(--color-bg-default);
  border: var(--control-border-width) solid var(--color-control-bg-border-default);
  border-radius: var(--control-radius);
  -webkit-box-shadow: 0 2px 2px rgba(0, 32, 51, 0.04), 0 4px 16px rgba(0, 32, 51, 0.18);
          box-shadow: 0 2px 2px rgba(0, 32, 51, 0.04), 0 4px 16px rgba(0, 32, 51, 0.18);
  -webkit-transform: var(--transform-direction) var(--transform-animate);
          transform: var(--transform-direction) var(--transform-animate);
}

  .ContextMenuLevel:not(.ContextMenuLevel_firstLevel).ContextMenuLevel_direction_rightStartUp,
    .ContextMenuLevel:not(.ContextMenuLevel_firstLevel).ContextMenuLevel_direction_leftStartUp {
      --transform-direction: translateY(calc(-1*(var(--space-xs) + 1px)));
    }

  .ContextMenuLevel:not(.ContextMenuLevel_firstLevel).ContextMenuLevel_direction_rightStartDown,
    .ContextMenuLevel:not(.ContextMenuLevel_firstLevel).ContextMenuLevel_direction_leftStartDown {
      --transform-direction: translateY(calc(var(--space-xs) + 1px));
    }