/* Decorative icons inherit each control's colour and size on every platform. */
.ui-arrow {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  vertical-align: -.12em;
  overflow: visible;
  pointer-events: none;
}
.next-project h2 > span[aria-hidden], .fd-next h2 > span[aria-hidden] {
  display: inline-flex;
  flex-shrink: 0;
  line-height: 1;
}
.next-project h2 > span[aria-hidden] { font-size: .7em; }
.cover-orb > span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .45em;
}
.cover-orb > span > .ui-arrow { width: 1.15em; height: 1.15em; }
.text-link > .ui-arrow { width: 20px; height: 20px; }
.back-top { display: inline-flex; align-items: center; gap: .45em; }
.back-top .ui-arrow { width: 14px; height: 14px; }
.bw-case .bw-flow li:not(:last-child)::after {
  content: '';
  width: 19px;
  height: 19px;
  background: currentColor;
  -webkit-mask: url('assets/ui-arrow-right.svg') center / contain no-repeat;
  mask: url('assets/ui-arrow-right.svg') center / contain no-repeat;
}