/* SVG silhouettes avoid platform fonts and iOS emoji substitution. */
.ui-arrow,
.login-submit::after,
.prow .det::after,
.req .st.reversed::before,
.kind.reversal::before {
  --arrow-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6'/%3E%3C/svg%3E");
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  vertical-align: -.125em;
  background-color: currentColor;
  -webkit-mask: var(--arrow-shape) center / contain no-repeat;
  mask: var(--arrow-shape) center / contain no-repeat;
}
.ui-arrow-up-right,
.login-submit::after,
.prow .det::after { transform: rotate(-45deg); }
.ui-arrow-up { transform: rotate(-90deg); }
.ui-arrow-down { transform: rotate(90deg); }
.ui-arrow-left { transform: rotate(180deg); }
.ui-arrow-return {
  --arrow-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 10 4 15l5 5M4 15h12a4 4 0 0 0 4-4V4'/%3E%3C/svg%3E");
}
.req .st.reversed::before,
.kind.reversal::before {
  --arrow-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10a9 9 0 1 1 2 8M3 4v6h6'/%3E%3C/svg%3E");
  content: "";
}
.prow .det::after { content: ""; margin-left: .25em; }
.login-submit::after { content: ""; }
