/* COMP LOGO */

.s_big.ani_out .comp_logo,
.s_big.ani_init .comp_logo {
	transform: scale(0, 0);
}

.s_big.ani_in .comp_logo {
	transition-delay: 0ms;
	transition-duration: 500ms;
	transform-origin: center 80px;
}

.s_big.ani_out .comp_logo {
	transition-delay: 850ms;
}

/* SCORE */

.s_big .s_big_score {
	--translate_src: 176px;
	transform: none;
	--animator-in-duration: 500ms;
	text-shadow: 0px 4px 25px #0000004a, 0px 1px 1px #000000bf, 0px 2px 1px #000000ad;
}
.s_big .s_big_score.home {
	--translate: calc(var(--translate_src) * 1);
}
.s_big .s_big_score.away {
	--translate: calc(var(--translate_src) * -1);
}

.s_big.ani_init .s_big_score {
	transition-duration: 0s;
}

.s_big.ani_init .s_big_score,
.s_big.ani_out .s_big_score {
	transform: translateX(var(--translate));
}

.s_big.ani_in .s_big_score {
	transition: all 600ms;
	transition-delay: 150ms;
}

.s_big.ani_in_end .s_big_score {
	transition-delay: 0s;
}

.s_big.ani_out .s_big_score {
	transition-delay: 200ms;
}

/* s_big_row1_container_bg */

.s_big.ani_in.ani_out .s_big_row1_container_bg,
.s_big.ani_init .s_big_row1_container_bg {
	clip-path: inset(0% 50% 0% 50%);
    opacity: 0;
}

.s_big.ani_in .s_big_row1_container_bg {
	clip-path: inset(0% 0% 0% 0%);
	transition-delay: 0ms;
	transition-duration: 500ms;
}

.s_big.ani_out .s_big_row1_container_bg {
	transition-delay: 650ms;
}

/* s_big_row1_bg */

.s_big.ani_out .s_big_row1_bg,
.s_big.ani_init .s_big_row1_bg {
	opacity: 0;
}

.s_big.ani_in .s_big_row1_bg {
	transition-delay: 400ms;
	transition-duration: 500ms;
}

.s_big.ani_out .s_big_row1_bg {
	transition-delay: 350ms;
}

/* s_big_team */

.s_big.ani_out .s_big_team,
.s_big.ani_init .s_big_team {
	opacity: 0;
}

.s_big.ani_in .s_big_team {
	transition-delay: 500ms;
	transition-duration: 500ms;
}

.s_big.ani_out .s_big_team {
	transition-delay: 350ms;
}

/* s_big_team */

.s_big .s_big_logo {
	transform-origin: center;
	transform: none;

	--scale: 110;
}
.s_big.ani_out .s_big_logo,
.s_big.ani_init .s_big_logo {
	transform: scale(0, 1);
}

.s_big.ani_in .s_big_logo {
	transition-delay: 300ms;
	transition-duration: 500ms;
}

.s_big.ani_out .s_big_logo {
	transition-delay: 350ms;
}

/* s_big_row2_container */

.s_big_row2_wrap {
	/* --translate: calc(var(--row2-height) * -1); */
    clip-path: inset(0% 0% 0% 0%);
}

.s_big.ani_out .s_big_row2_wrap,
.s_big.ani_init .s_big_row2_wrap {
	/* height: 0px; */
    clip-path: inset(0% 0% 100% 0%);
}

.s_big.ani_in .s_big_row2_wrap {
	transition-delay: 500ms;
	transition-duration: 500ms;
}

.s_big.ani_out .s_big_row2_wrap {
	transition-delay: 100ms;
}

/* s_big_label */

.s_big.ani_out .s_big_label,
.s_big.ani_init .s_big_label {
	max-height: 0px;
    opacity: 0;
}

.s_big.ani_in .s_big_label {
	transition-delay: 600ms;
	transition-duration: 500ms;
}

.s_big.ani_out .s_big_label {
	transition-delay: 0ms;
}


/* s_big_team */


.s_big .s_big_team_name {
	--translate_src: 376px;
	transform: none;
	--animator-in-duration: 500ms;
}
.s_big .s_big_team_name.home {
	--translate: calc(var(--translate_src) * 1);
}
.s_big .s_big_team_name.away {
	--translate: calc(var(--translate_src) * -1);
}

.s_big.ani_init .s_big_team_name {
	transition-duration: 0s;
}

.s_big.ani_init .s_big_team_name,
.s_big.ani_out .s_big_team_name {
	transform: translateX(var(--translate));
}

.s_big.ani_in .s_big_team_name {
	transition: all 600ms;
	transition-delay: 400ms;
}

.s_big.ani_in_end .s_big_team_name {
	transition-delay: 0s;
}

.s_big.ani_out .s_big_team_name {
	transition-delay: 200ms;
}