@include b(swipe-indicators){
  bottom: -.1rem;
  transform: translateX(-30%);
  white-space: nowrap;
}
@include b(swipe-indicator){
  height: .04rem;
  width: .52rem;
  margin-left: .1rem; 
  border-radius: .02rem; 
  opacity: 1;
}

.boy{
  @include b(swipe-indicator){
    background-color: $--color-theme-boy-transparent;
    @include when(active){
      background-color: $--color-theme-boy;
    }
  }
}
.girl{
  @include b(swipe-indicator){
    background-color: $--color-theme-girl-transparent;
    @include when(active){
      background-color: $--color-theme-girl;
    }
  }
}