.ui-arrow {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  vertical-align: -0.12em;
  background-color: currentColor;
  -webkit-mask: url("assets/arrow-ne.svg") center / contain no-repeat;
  mask: url("assets/arrow-ne.svg") center / contain no-repeat;
}

.ui-arrow-se {
  transform: rotate(90deg);
}

.ui-arrow-down {
  transform: rotate(135deg);
}