/* Block: menu — list of commands with a blinking ▶ cursor on the selected item */

.menu {
  list-style: none;
}

.menu__item {
  position: relative;
  padding-left: 12px;
  cursor: pointer;
}

/* ▶ cursor, drawn as a pixel triangle */
.menu__item--selected::before {
  position: absolute;
  top: 4px;
  left: 0;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid var(--color-white);
  content: "";
  animation: blink 1s steps(1, end) infinite;
}

/* A menu that is waiting for a sub-menu: cursor stays, but stops blinking */
.menu--inactive .menu__item--selected::before {
  animation: none;
}