.Sui-HorizontalScroll{
    @apply relative z-10;
    &__Inner{
        @apply flex flex-nowrap overflow-auto hide-scrollbar relative z-0;
        >*{
            @apply shrink-0;
        }
    }

    &__ArrowPrev,
    &__ArrowNext{
        @apply inline-flex justify-center items-center absolute top-0 bottom-0 w-6 z-10 from-sui-bg via-sui-bg ;
        .Sui-Icon{
            @apply w-1/2 h-auto /*transition-transform duration-150 ease-in*/
        }
        &:hover .Sui-Icon{
            @apply scale-110;
        }
    }
    &__ArrowPrev{
        @apply left-0 justify-start bg-gradient-to-r;
    }
    &__ArrowNext{
        @apply right-0 justify-end bg-gradient-to-l
    }
}
