/* Iranigram canonical UI arrows.
 * Family 1 (shafted): existing arrow_<direction>_black.svg assets.
 * Family 2 (chevron): existing arrow2_<direction>_black.svg assets.
 * Mask preserves the icon's original currentColor in both themes.
 */
.ir-ui-arrow {
  --ir-arrow-asset: url("../icons/ui/arrows/arrow_left_black.svg");
  display: inline-block;
  width: 1em;
  height: 1em;
  min-width: 1em;
  flex: 0 0 auto;
  line-height: 1;
  vertical-align: -0.12em;
  background-color: currentColor;
  -webkit-mask: var(--ir-arrow-asset) center / contain no-repeat;
  mask: var(--ir-arrow-asset) center / contain no-repeat;
  pointer-events: none;
}
.ir-ui-arrow[data-ir-arrow-family="1"][data-ir-arrow-direction="left"] {
  --ir-arrow-asset: url("../icons/ui/arrows/arrow_left_black.svg");
}
.ir-ui-arrow[data-ir-arrow-family="1"][data-ir-arrow-direction="right"] {
  --ir-arrow-asset: url("../icons/ui/arrows/arrow_right_black.svg");
}
.ir-ui-arrow[data-ir-arrow-family="1"][data-ir-arrow-direction="up"] {
  --ir-arrow-asset: url("../icons/ui/arrows/arrow_up_black.svg");
}
.ir-ui-arrow[data-ir-arrow-family="1"][data-ir-arrow-direction="down"] {
  --ir-arrow-asset: url("../icons/ui/arrows/arrow_down_black.svg");
}
.ir-ui-arrow[data-ir-arrow-family="2"][data-ir-arrow-direction="left"] {
  --ir-arrow-asset: url("../icons/ui/arrows/arrow2_left_black.svg");
}
.ir-ui-arrow[data-ir-arrow-family="2"][data-ir-arrow-direction="right"] {
  --ir-arrow-asset: url("../icons/ui/arrows/arrow2_right_black.svg");
}
.ir-ui-arrow[data-ir-arrow-family="2"][data-ir-arrow-direction="up"] {
  --ir-arrow-asset: url("../icons/ui/arrows/arrow2_up_black.svg");
}
.ir-ui-arrow[data-ir-arrow-family="2"][data-ir-arrow-direction="down"] {
  --ir-arrow-asset: url("../icons/ui/arrows/arrow2_down_black.svg");
}