@layer component.theme {
  .vista__item,
  .vista__title {
    text-decoration: none;
    color: inherit;
    &:focus-visible {
      background: currentColor;
      > .vista__text,
      > .vista__icon {
        color: contrast-color(currentColor);
      }
    }
  }

  .vista__back,
  .vista__parent {
    text-decoration: none;
    color: inherit;
    font-weight: bold;
  }
}