@import "../var/index.less";
@prefix-cls-basic-arrow: ~"ta-basic-arrow";

.@{prefix-cls-basic-arrow} {
  display: inline-block;
  cursor: pointer;
  transform: rotate(0deg);
  transition: all 0.3s ease 0.1s;
  transform-origin: center center;

  &--active {
    transform: rotate(90deg);
  }

  &.inset {
    line-height: 0px;
  }

  &.up {
    transform: rotate(-90deg);
  }

  &.down {
    transform: rotate(90deg);
  }

  &.up.@{prefix-cls-basic-arrow}--active {
    transform: rotate(90deg);
  }

  &.down.@{prefix-cls-basic-arrow}--active {
    transform: rotate(-90deg);
  }
}