/* Project Muse shared UI: overlapping windows, without a directional arrow. */
.muse-link-icon {
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  flex: 0 0 1.1em;
  margin-inline-start: .45em;
  vertical-align: -.14em;
  background-color: currentColor;
  -webkit-mask: url('/games/assets/ui/open-window.svg') center / contain no-repeat;
  mask: url('/games/assets/ui/open-window.svg') center / contain no-repeat;
  pointer-events: none;
}
.text-link > .muse-link-icon,
.outbound-row > .muse-link-icon { margin-inline-start: 0; }
.outbound-row > .muse-link-icon {
  grid-column: -2 / -1;
  grid-row: 1;
  justify-self: end;
  color: inherit;
}
/* Directional actions share the same thin, rounded stroke as the window icon. */
.muse-direction-icon {
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  flex: 0 0 1.1em;
  vertical-align: -.14em;
  background-color: currentColor;
  -webkit-mask: url('/games/assets/ui/direction.svg') center / contain no-repeat;
  mask: url('/games/assets/ui/direction.svg') center / contain no-repeat;
  pointer-events: none;
}
.muse-direction-right { transform: rotate(0deg); }
.muse-direction-left { transform: rotate(180deg); }
.muse-direction-up { transform: rotate(-90deg); }
.muse-direction-down { transform: rotate(90deg); }
.v-rarity-controls button > .muse-direction-icon { vertical-align: middle; }
@media (forced-colors: active) {
  .muse-link-icon, .muse-direction-icon { background-color: LinkText; forced-color-adjust: none; }
}
