.gin-tooltip,
.gin-tooltip-navigation,
.cloned-gin-tooltip-navigation,
.admin-toolbar__tooltip {
  z-index: 601;
  position: absolute;
  top: var(--space-xs);
  left: 100%;
  padding: var(--gin-spacing-xs) var(--gin-spacing-s);
  font-size: var(--gin-font-size-xxs);
  font-weight: var(--gin-font-weight-semibold);
  font-variation-settings: initial;
  white-space: nowrap;
  color: white;
  background-color: var(--gin-tooltip-bg);
  box-shadow: var(--gin-shadow-l2);
  border-radius: var(--gin-border-s);
}

.gin-tooltip {
  visibility: hidden;
  opacity: 0;
  transition: var(--gin-transition-fast);
}

[data-gin-tooltip]:hover + .gin-tooltip,
[data-gin-tooltip]:focus + .gin-tooltip {
  visibility: visible;
  opacity: 1;
}

// Hide the origin value of the Tooltip if the Admin toolbar is expanded.
html:not(.admin-toolbar-expanded) .toolbar-menu__item--level-1:not(.toolbar-menu__item--has-dropdown) .toolbar-link span {
  display: none;
}
