@charset "utf-8";

:root{
    --bg:#1c1c28;
    
    --f1:#ffffff;

    --mask:linear-gradient(90deg,transparent,#ffffff 30%,#ffffff 70%,transparent);

}


li{list-style-type:none;}






@charset "utf-8";
/* 📍[wrap] */
.ifslider-wrap{
    --gap:14px;

    position:relative; overflow:hidden;
    width:100%;;
    padding:10px 0;
    mask:var(--mask);
    -webkit-mask:var(--mask);
    margin:0 auto;
    position:absolute;
    bottom:100px;
   
}
/* 📍[slider] */
.ifslider{
    display:flex; flex-flow:row nowrap;
    gap:var(--gap);
    position:relative;
    width:max-content;
}

.ifslider{
    animation: move-infinite-scroll var(--data-speed) linear infinite forwards;
}
[data-direction="right"] .ifslider{
    animation: move-infinite-scroll var(--data-speed) linear infinite backwards reverse;
}
/*
.ifslider:hover{
    animation-play-state: paused;
}
*/
/* 📍[item] */
.ifslider-item{
font-size:200px; color:#f6f6f6; padding-right:50px;
font-weight:900;
}


/* 📍 animation */
@keyframes move-infinite-scroll {
    to{
        transform:translateX(calc(-50% - (var(--gap) / 2)));
    }
}