nks_table_little {
	--animator-mode: CSS;
	--animator-out-duration: 1500ms;
	--stage1_duration: 600ms;
	--st1_delay1: 0ms;
	--in-delay: 0ms;
	--out-delay: 150ms;
	/* --animator-in-duration: 1000ms; */
	/* display: flex !important; */
}

nks_table_little {
	transition-property: all;
	transition-duration: 1s;
	max-width: 0px;
}

nks_table_little.ani_in {
	/* min-width: var(--tlittle-main-width); */
	/* width: auto; */
	max-width: calc(var(--tlittle-main-width) + var(--intergration-width));
}

nks_table_little.ani_out_end {
	transition-delay: 350ms;
	max-width: 0px;
}

[animator-parent='little'] {
	--animator-out-duration: 300ms;
}


nks_table_little tlittle_series{
	overflow: hidden;
}

nks_table_little tlittle_series{
	/* transition-property: width, transform; */
	/* width: 0px; */
	z-index: 2;
	position: absolute;
	bottom: 100%;
	/* margin-top: -35px; */
}
nks_table_little.ani_in.ani_out_end tlittle_series,
nks_table_little.ani_init tlittle_series{
	max-height:0px;
	/* opacity: 0; */
}

nks_table_little.ani_in tlittle_series{
	/* width: var(--tlittle-main-width); */
	transition-duration: 600ms;
	transition-delay: 650ms;
	max-height:80px;
}

nks_table_little.ani_out tlittle_series{
	transition-delay: 0ms;
	transition-duration: 450ms;
	/* width: 0px; */
}


/* tlittle_score_container::before,
tlittle_grid.animated::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
} */

/* SCORE MID */

nks_table_little .animated tlittle_mid {
}

nks_table_little.ani_in .animated tlittle_mid {
	transition-duration: calc(var(--stage1_duration) * 1);
	transition-delay: calc(var(--in-delay) + var(--st1_delay1));
}

nks_table_little.ani_in_end .animated tlittle_mid {
}

nks_table_little.ani_init .animated tlittle_mid,
nks_table_little.ani_out .animated tlittle_mid {
	width: 0px;
	min-width: 0px;
}

nks_table_little.ani_out .animated tlittle_mid {
	transition-delay: calc(var(--out-delay) + 250ms);
}

nks_table_little .row_time.animated {
	--st1_delay1: 200ms;
}

/* tlittle_score_grid */

/* tlittle_grid.row_score::before{
    background-color: white;
    clip-path: inset(0% 0% 0% 0%);    
}

nks_table_little.ani_in tlittle_grid.row_score::before{
    transition-duration:var(--stage1_duration);
    opacity: 1;
}

nks_table_little.ani_init tlittle_grid.row_score::before,
nks_table_little.ani_out tlittle_grid.row_score::before{
    opacity: 0;
    clip-path: inset(0% 100% 0% 100%);
} */

/* tlittle_score_grid */

/* tlittle_score_container::before {
	clip-path: inset(0% 0% 0% 0%);
    transition-property: clip-path, background-color ;
}

nks_table_little.ani_in tlittle_score_container::before {
	transition-duration: calc(var(--stage1_duration) * 1),200ms;
	transition-delay: 0ms, 700ms;

	opacity: 1;
}

nks_table_little.ani_in_end tlittle_score_container::before {
	background-color: var(--bg-bl-opacity)
}

nks_table_little.ani_init tlittle_score_container::before,
nks_table_little.ani_out tlittle_score_container::before {
	background-color: black;
	opacity: 1;
	clip-path: inset(0% 100% 0% 100%);
}

nks_table_little.ani_out tlittle_score_container::before {
	transition-delay: 380ms,0ms; 
} */

/* SCORE LOGOS */

/* tlittle_logo */

tlittle_logo {
	--move_by: calc(var(--mid-width) / 2);
	--clipby: 100%;
	--logo_delay: calc(var(--st1_delay1) + 150ms);
	clip-path: inset(0% 0% 0% 0%);
}

tlittle_logo.home {
	--by2: var(--move_by);
	--left: var(--clipby);
	--right: 0%;
}

tlittle_logo.away {
	--by2: calc(-1 * var(--move_by));
	--right: var(--clipby);
	--left: 0%;
}

nks_table_little.ani_in tlittle_logo {
	transition-duration: calc(var(--stage1_duration));
	transition-delay: var(--logo_delay);
	transform: translate3d(0, 0, 0);
	/*     opacity: 1;
 */
}

nks_table_little.ani_init tlittle_logo,
nks_table_little.ani_out tlittle_logo {
	/* transform: translate3d(var(--by2), 0, 0); */
	/*     opacity: 0; */
	clip-path: inset(0% var(--right) 0% var(--left));
}

nks_table_little.ani_out tlittle_logo {
	transition-delay: calc(var(--out-delay) + 200ms);
}

[animator-parent='little'].ani_parent_in {
	--animator-in-delay: 800ms;
}
