.s_roster {
	--animator-mode: css;
	--animator-in-duration: 1000ms;
	--animator-out-duration: 1000ms;
	/*transition-property:transform, clip-path;*/
	/* overflow: hidden; */
	--radius: 83px;
}
.s_roster.ani_out,
.s_roster.ani_init {
	/*transform:scale3d(0.7,0.7,1);*/
	/* opacity:0; */
	/* max-width: 0; */
}

.s_roster.ani_in {
	transition-delay: 0s;
	transition-duration: 600ms;
}

.s_roster.ani_out {
	transition-delay: 300ms;

}

/* s_roster_bg */ 


.s_roster .s_roster_bg {
	--translate_src: 100%;
	--direction: -1;
	--translate: calc(var(--translate_src) * var(--direction));
}

.s_roster_bg.away {
	--direction: 1;
}

.s_roster.ani_out .s_roster_bg,
.s_roster.ani_init .s_roster_bg {
	/*transform:scale3d(0.7,0.7,1);*/
	opacity:0.5;
	transform: translateX(var(--translate));
}

.s_roster.ani_in .s_roster_bg {
	transition-delay: 0ms;
	transition-duration: 1000ms;
}

.s_roster.ani_out .s_roster_bg {
    transition-delay: 300ms;
}

/* players */

.s_roster .player_main {
	--delay: 60ms;
	--delay-common: 600ms;
}

.s_roster.ani_out .player_main,
.s_roster.ani_init .player_main {
	/*transform:scale3d(0.7,0.7,1);*/
	/* opacity:0; */
	transform: scale(0);
}

.s_roster.ani_in .player_main {
	transition-delay: calc(var(--delay-common) + var(--delay) * var(--n));
	transition-duration: 600ms;
	/* margin-bottom: 30px; */
	margin-bottom":";
	margin-bottom": 2";
	/* transform: scale(1,0.2); */
	/* min-height: 50px; */
}

.s_roster.ani_out .player_main {
    transition-delay:0s;
}

/* s_roster_reserve */

.s_roster .s_roster_reserve {
	--translate_src: 120%;
	--direction: -1;
	--translate: calc(var(--translate_src) * var(--direction));
	/*     transform: translateX(var(--translate))
 */
}

.s_roster_reserve.away {
	--direction: 1;
}

.s_roster.ani_out .s_roster_reserve,
.s_roster.ani_init .s_roster_reserve {
	/*transform:scale3d(0.7,0.7,1);*/
	/* opacity:0; */
	transform: translateX(var(--translate));
}

.s_roster.ani_in .s_roster_reserve {
	transition-delay: 0ms;
	transition-duration: 800ms;
}

.s_roster.ani_out .s_roster_reserve {
    transition-delay: 400ms;

}

/* s_roster_reserve_wrap */


.s_roster .s_roster_reserve_wrap {
	--translate_src: 100%;
	--direction: -1;
	--translate: calc(var(--translate_src) * var(--direction));
}

.s_roster_reserve_wrap.away {
	--direction: 1;
}

.s_roster.ani_out .s_roster_reserve_wrap,
.s_roster.ani_init .s_roster_reserve_wrap {
	/*transform:scale3d(0.7,0.7,1);*/
	/* opacity:0; */
	transform: translateX(var(--translate));
}

.s_roster.ani_in .s_roster_reserve_wrap {
	transition-delay: 400ms;
	transition-duration: 800ms;
}

.s_roster.ani_out .s_roster_reserve_wrap {
    transition-delay: 300ms;
}

/* footfield */

.s_roster .footfield .bg{
	--translate:100px;

}
.s_roster.ani_out .footfield .bg,
.s_roster.ani_init .footfield .bg {
	/*transform:scale3d(0.7,0.7,1);*/
	/* opacity:0; */
	transform: translateY(var(--translate));
	opacity: 0;
}

.s_roster.ani_in .footfield .bg {
	transition-delay: 600ms;
	transition-duration: 800ms;
}

.s_roster.ani_out .footfield .bg {
    transition-delay: 200ms;
	transition-duration: 300ms;
}


/* grid players */

.s_roster .footfield .cell{
	/* --translate:100px; */

}
.s_roster.ani_out .footfield .cell,
.s_roster.ani_init .footfield .cell {
	transform:scale3d(0,1,1);
	/* opacity:0; */
	/* transform: translateY(var(--translate)); */
	opacity: 0;
}

.s_roster.ani_in .footfield .cell {
	transition-delay: 1200ms;
	transition-duration: 300ms;
}

.s_roster.ani_out .footfield .cell {
    transition-delay: 0ms;
}

.s_roster.ani_in .footfield .cell.dragover{
	transition-delay:unset;
	transition-duration:unset;
}