.cup {
  cursor: pointer;
}

.cud {
  cursor: default;
}

.hover,
.hover1 {
  transition: background 0.14s linear;
}

.hover:hover,
.hover1:hover {
  transition-duration: 0s;
}

.hover {
  background: var(--colorGrayA01);
}

.hover:hover {
  background: var(--colorGrayA02);
}

.hover1 {
  background: transparent;
}

.hover1:hover {
  background: var(--colorGrayA01);
}

.hover1:active {
  background: var(--colorGrayA02);
  transition-duration: 0.14s;
}

.hover1.active {
  color: var(--colorBlue);
  background: var(--colorGrayA01);
}

/* .onHover {
  visibility: hidden;
} */

.hover .onHover,
.hover1 .onHover {
  visibility: hidden;
}

.hover:hover .onHover,
.hover1:hover .onHover {
  visibility: visible;
}

.hoverText {
  color: var(--colorDarkGray);
  transition: color 0.07s;
}

.hoverText:hover {
  color: var(--colorBlack);
}

.hover.selected {
  color: #fff;
  background: var(--colorBlue);
}
.hover.selected:hover {
  color: #fff;
  background: var(--colorBlue);
}

.selected .link,
.selected.hover,
.selected.hover1,
.selected .hover,
.selected .hover1 {
  color: #fff;
}