/* Decorative SVG arrows stay independent of the platform's font and emoji set. */
.ui-arrow {
  display: inline-block;
  width: .9em;
  height: .9em;
  flex: 0 0 auto;
  vertical-align: -.1em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ui-arrow--up-right { transform: rotate(-45deg); }
.ui-arrow--up-left { transform: rotate(-135deg); }
.ui-arrow--left { transform: rotate(180deg); }
.ui-arrow--down { transform: rotate(90deg); }