.s_tournament {
	--animator-mode: css;
	--animator-in-duration: 1200ms;
	--animator-out-duration: 1200ms;
}







/* s_tournament_bg */
.s_tournament .s_tournament_bg_container{
    transform-origin: left center;
}
.s_tournament.ani_in .s_tournament_bg_container {
	transition-duration: 500ms;
}

.s_tournament.ani_out_end .s_tournament_bg_container,
.s_tournament.ani_init .s_tournament_bg_container {
	transform: scale3d(0,1,1);
}

.s_tournament.ani_out .s_tournament_bg_container {
	transition-delay: 600ms;
}

/* s_tournament_sponsor */

.s_tournament.ani_out_end .s_tournament_sponsor,
.s_tournament.ani_init .s_tournament_sponsor {
	transform: translateX(70px);
	opacity: 0;
}

.s_tournament.ani_in .s_tournament_sponsor {
	transition-duration: 500ms;
	transition-delay: 300ms;
}

.s_tournament.ani_out .s_tournament_sponsor {
    transform: translateX(-70px);
	/* transition-delay: 200ms; */
}

/* even rows */

.s_tournament .s_tournament_row .row_bg {
	/* clip-path: inset(0% 0% 0% 0%); */
    transform:scale3d(1,1,1);
    transform-origin: left center;
	--start-delay: 600ms;
	--inc-delay: 100ms;
}
.s_tournament.ani_out_end .s_tournament_row .row_bg,
.s_tournament.ani_init .s_tournament_row .row_bg {
	/* clip-path: inset(0% 100% 0% 0%); */
    transform:scale3d(0,1,1);
	/* opacity: 0; */
}

.s_tournament.ani_in .s_tournament_row .row_bg {
	transition-duration: 900ms;
	transition-delay: calc(var(--start-delay) + var(--inc-delay) * var(--even-n));
}

.s_tournament.ani_out .s_tournament_row .row_bg {
	transition-delay: 200ms;
}


/* CURRENT rows */
.s_tournament .s_tournament_row.current{
	--current_start_delay: 2000ms;
	--current_duration:400ms;
}

.s_tournament.ani_init .s_tournament_row.current .val{
	color:black;
}

.s_tournament.ani_in .s_tournament_row.current .val{
	transition-duration: var(--current_duration);
	transition-delay: var(--current_start_delay);
}




.s_tournament.ani_init .s_tournament_row.current .row_bg::before {
	background-color: transparent;
}

.s_tournament.ani_in .s_tournament_row.current .row_bg::before {
	transition-duration: var(--current_duration);
	transition-delay:  var(--current_start_delay);
}






/* column */

.s_tournament .column {
	/* clip-path: inset(0% 0% 0% 0%); */
	--start-delay: 500ms;
	--inc-delay: 90ms;
	--inc-delay2: 70ms;
    --delay: calc(var(--start-delay) + var(--inc-delay) * var(--n) + var(--inc-delay2) * var(--n2));
	transform-origin: center center;
}
.s_tournament.ani_init .column {
	/* clip-path: inset(0% 100% 0% 0%); */
	/* opacity: 0; */
	transform: translateX(30px) scale(1, 0);
}

.s_tournament.ani_in .column {
	transition-duration: 400ms;
	transition-delay:var(--delay);
}



/* num */

.s_tournament .num {
	/* clip-path: inset(0% 0% 0% 0%); */
	--start-delay: 500ms;
	--inc-delay: 90ms;
	--inc-delay2: 70ms;
    --delay-num:calc(var(--delay) + 400ms);
	transform-origin: center center;
}
.s_tournament.ani_init .num {
	/* clip-path: inset(0% 100% 0% 0%); */
	/* opacity: 0; */
	transform: scale(1, 0);
}

.s_tournament.ani_in .num {
	transition-duration: 400ms;
	transition-delay:var(--delay-num);
}





/* table */

.s_tournament .s_tournament_table {
	clip-path: inset(0% 0% 0% 0%);
}




.s_tournament.ani_out .s_tournament_table {
    clip-path: inset(0% 100% 0% 0%);
    transition-delay: 200ms;
    transition-duration: 700ms;
}