/*@charset "UTF-8";*/

/* Little */





/*  ALL */

nks_table_little            {

}

nks_table_little.fadeOutEnd ,
nks_table_little.fadeInInit {
    transform:translateX(-70px);
    opacity:0;
}

nks_table_little.fadeInStart {
    transition-delay: 0.0s;
    transition-duration:0.8s;
    transition-timing-function: cubic-bezier(0.58, 0.02, 0.5, 0.99);
}

nks_table_little.fadeOutStart {
    transition-duration:0.7s;
    transition-delay: 0.3s;
  
}


/* Tlittle - Label  */

nks_table_little.fadeOutEnd tlittle_period_label,
nks_table_little.fadeInInit tlittle_period_label{
    opacity:0;
  transform:translateY(-10px);
}

nks_table_little.fadeInStart tlittle_period_label{
    transition-delay: 0.3s;
    transition-duration:1s;
    transition-timing-function: cubic-bezier(0.58, 0.02, 0.5, 0.99);
}

nks_table_little.fadeOutStart tlittle_period_label{
    transition-duration:0.4s;
    transition-delay: 0s;
  
}


/*  Tlittle - Score */


nks_table_little.fadeOutEnd tlittle_score,
nks_table_little.fadeInInit tlittle_score{
    opacity:0;
}

nks_table_little.fadeInStart tlittle_score{
    transition-delay: 0.3s;
    transition-duration:1s;
    transition-timing-function: cubic-bezier(0.58, 0.02, 0.5, 0.99);
}

nks_table_little.fadeOutStart tlittle_score{
    transition-duration:0.4s;
    transition-delay: 0s;
  
}

/* Tlittle - Short Names  */


/* Tlittle - Colors */


nks_table_little tlittle_home_color{
  --sign:1;
  clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
}

nks_table_little tlittle_away_color{
  --sign:-1;
}
nks_table_little.fadeOutEnd tlittle_home_color,
nks_table_little.fadeInInit tlittle_home_color,
nks_table_little.fadeOutEnd tlittle_away_color,
nks_table_little.fadeInInit tlittle_away_color{
  /* transform:translateX(calc(var(--sign) * 50px));*/
  opacity:0;
}
nks_table_little.fadeInStart  tlittle_home_color,
nks_table_little.fadeInStart  tlittle_away_color{
  transition-duration:0.8s;
  transition-delay: 0.8s;
}

nks_table_little.fadeOutStart  tlittle_home_color,
nks_table_little.fadeOutStart  tlittle_away_color{
  transition-duration:0.9s;
  transition-delay: 0.2s;
}

/* Tlittle - Time  */

nks_table_little.fadeOutEnd tlittle_timer_row,
nks_table_little.fadeInInit tlittle_timer_row{
  opacity:0;
  transform:translateY(-20px);
}

nks_table_little.fadeInStart tlittle_timer_row{
    transition-delay: 1s;
    transition-duration:0.5s;
    transition-timing-function: cubic-bezier(0.58, 0.02, 0.5, 0.99);
}

nks_table_little.fadeOutStart tlittle_timer_row{
    transition-duration:0.4s;
    transition-delay: 0.3s;
  
}

/* Tlittle - Time Extra */

nks_table_little.fadeOutEnd tlittle_extra_time,
nks_table_little.fadeInInit tlittle_extra_time{
  opacity:0;
  transform:translateY(-20px);
}

nks_table_little.fadeInStart tlittle_extra_time{
    transition-delay: 1.3s;
    transition-duration:0.5s;
    transition-timing-function: cubic-bezier(0.58, 0.02, 0.5, 0.99);
}

nks_table_little.fadeOutStart tlittle_extra_time{
    transition-duration:0.4s;
    transition-delay: 0s;
  
}

/* Tlittle - Time Extra by self */

nks_table_little  tlittle_extra_time_wrap.fadeOutEnd ,
nks_table_little  tlittle_extra_time_wrap.fadeInInit{
  opacity:0;
  transform:translateY(-20px);
}

nks_table_little  tlittle_extra_time_wrap.fadeInStart{
  
    transition-delay: 0s;
    transition-duration:0.4s;
    transition-timing-function: cubic-bezier(0.49, 0.12, 0.79, 0.91);
}

nks_table_little  tlittle_extra_time_wrap.fadeOutStart{
    transition-duration:0.4s;
    transition-delay: 0s;
}



/* Tlittle - Pens  */


nks_table_little .tlittle_pen_home{
  --sign:1;
}

nks_table_little .tlittle_pen_away{
  --sign:-1;
}
nks_table_little.fadeOutEnd .tlittle_pen_home,
nks_table_little.fadeInInit .tlittle_pen_home,
nks_table_little.fadeOutEnd .tlittle_pen_away,
nks_table_little.fadeInInit .tlittle_pen_away{
  transform:translateX(calc(var(--sign) * 50px));
  opacity:0;
}
nks_table_little.fadeInStart  .tlittle_pen_home,
nks_table_little.fadeInStart  .tlittle_pen_away{
  transition-duration:0.8s;
  transition-delay: 1.3s;
}


nks_table_little.fadeOutStart  .tlittle_pen_home,
nks_table_little.fadeOutStart  .tlittle_pen_away{
  transition-duration:0.9s;
  transition-delay: 0.0s;
}










/********** stats - bottom table ********************************/


/* stats - self */

nks_table_stats tstats_title{
   clip-path:inset(0% 0% 0% 0%);

}
nks_table_stats.fadeOutEnd tstats_title,
nks_table_stats.fadeInInit tstats_title{
  clip-path:inset(0% 0% 100% 0%);
  
  opacity:0;

}
nks_table_stats.fadeInStart tstats_title {
  transition-duration:0.3s;
  transition-delay: 0.3s;
}

nks_table_stats.fadeOutStart tstats_title{
  transition-delay: 0.3s;
}





/* stats - white bg */

nks_table_stats tstats_grid_bg{
  transform-origin: center top;
}

nks_table_stats.fadeOutEnd tstats_grid_bg,
nks_table_stats.fadeInInit tstats_grid_bg{
  transform:scale(1,0.000);
  
}

nks_table_stats.fadeInStart tstats_grid_bg{
    transition-property:transform, opacity, visibility;
    transition-duration: 0.3s,0.1s,0s;
    transition-timing-function: cubic-bezier(0.55, 0.13, 0.81, 0.52);
    transition-delay:0.7s;
}

nks_table_stats.fadeOutStart tstats_grid_bg{
  transition: transform, visibility;
    transition-duration:0.5s; 
    transition-timing-function: cubic-bezier(0.79, 0, 0.88, 0.65);  
    transition-delay:0.4s;
    /* opacity:0; */
    visibility:hidden; 
}



/* stats - home/away bg */

nks_table_stats tstats_h_grid_left tstats_h_grid_side_bg.a4_rect_bg{
  --sign:1;
}

nks_table_stats tstats_h_grid_right tstats_h_grid_side_bg.a4_rect_bg{
  --sign:-1;
}

nks_table_stats.fadeOutEnd tstats_h_grid_left tstats_h_grid_side_bg.a4_rect_bg,
nks_table_stats.fadeInInit tstats_h_grid_left tstats_h_grid_side_bg.a4_rect_bg,
nks_table_stats.fadeOutEnd tstats_h_grid_right tstats_h_grid_side_bg.a4_rect_bg,
nks_table_stats.fadeInInit tstats_h_grid_right tstats_h_grid_side_bg.a4_rect_bg{
  width:0%;
  transform:translateX(calc(var(--sign) * 50px));
}
nks_table_stats.fadeInStart  tstats_h_grid_left tstats_h_grid_side_bg.a4_rect_bg,
nks_table_stats.fadeInStart  tstats_h_grid_right tstats_h_grid_side_bg.a4_rect_bg{
  transition-duration:1.1s;
  transition-delay: 0.1s;
}

nks_table_stats.fadeOutStart  tstats_h_grid_left tstats_h_grid_side_bg.a4_rect_bg,
nks_table_stats.fadeOutStart  tstats_h_grid_right tstats_h_grid_side_bg.a4_rect_bg{
  transition-duration:0.9s;
  transition-delay: 0.5s;
}


/* stats - names */

nks_table_stats tstats_name_home_text{
  --sign:1;
}

nks_table_stats tstats_name_away_text{
  --sign:-1;
}

nks_table_stats.fadeOutEnd tstats_name_home_text,
nks_table_stats.fadeInInit tstats_name_home_text,
nks_table_stats.fadeOutEnd tstats_name_away_text,
nks_table_stats.fadeInInit tstats_name_away_text{
  transform: scale(0.6);
  opacity:0;
}


nks_table_stats.fadeInStart  tstats_name_home_text,
nks_table_stats.fadeInStart  tstats_name_away_text{
  transition-duration:0.6s;
  transition-delay: 0.8s;
}

nks_table_stats.fadeOutStart  tstats_name_home_text,
nks_table_stats.fadeOutStart  tstats_name_away_text{
  transition-duration:0.5s;
  transition-delay: 0.3s;
}


/* stats - score */

nks_table_stats.fadeOutEnd tstats_score_home,
nks_table_stats.fadeInInit tstats_score_home,
nks_table_stats.fadeOutEnd tstats_score_away,
nks_table_stats.fadeInInit tstats_score_away{
  transform: scale(0.6);
  opacity:0;
}


nks_table_stats.fadeInStart  tstats_score_home,
nks_table_stats.fadeInStart  tstats_score_away{
  transition-duration:0.6s;
  transition-delay: 0.8s;
}

nks_table_stats.fadeOutStart  tstats_score_home,
nks_table_stats.fadeOutStart  tstats_score_away{
  transition-duration:0.5s;
  transition-delay: 0.3s;
}

/* stats - score delimiter */

nks_table_stats.fadeOutEnd tstats_score_delimiter,
nks_table_stats.fadeInInit tstats_score_delimiter{
  transform:scale(0);
}
nks_table_stats.fadeInStart  tstats_score_delimiter{
  transition-duration:0.6s;
  transition-delay: 0.5s;
}

nks_table_stats.fadeOutStart  tstats_score_delimiter{
  transition-duration:0.7s;
  transition-delay: 0.5s;
}



/* stats - label */

nks_table_stats.fadeOutEnd tstats_label,
nks_table_stats.fadeInInit tstats_label{
  transform:translateY(50px);
  opacity:0;
}
nks_table_stats.fadeInStart  tstats_label{
  transition-duration:0.8s;
  transition-delay: 0.5s;
}

nks_table_stats.fadeOutStart  tstats_label{
  transition-duration:0.7s;
  transition-delay: 0.0s;
}


/* stats - command logos */

nks_table_stats.fadeOutEnd tstats_logo_home,
nks_table_stats.fadeOutEnd tstats_logo_away,
nks_table_stats.fadeInInit tstats_logo_home,
nks_table_stats.fadeInInit tstats_logo_away{
  transform:scale(0.6);
  opacity:0;
}

nks_table_stats.fadeInStart tstats_logo_home,
nks_table_stats.fadeInStart tstats_logo_away{
  transition-delay: 0.6s;
  transition-duration:0.6s;
  transition-timing-function:cubic-bezier(0.51, 0.02, 0.54, 1)
}

nks_table_stats.fadeOutStart tstats_logo_home,
nks_table_stats.fadeOutStart tstats_logo_away{
  transition-delay: 0.3s;
  transition-duration:0.5s;
}

nks_table_stats tstats_logo_home .home-logo,
nks_table_stats tstats_logo_away .away-logo{
  transform: none !important;
  opacity: 1 !important;
}

/* stats - rows */

nks_table_stats .tstats_row{
  transform-origin: center bottom;
}

nks_table_stats.fadeOutEnd .tstats_row,
nks_table_stats.fadeInInit .tstats_row{
   transform:translateY(-20px);
  opacity: 0;
  
}

nks_table_stats.fadeInStart .tstats_row{
    /* FONT-VARIANT: JIS78; */
    transition-property:transform, opacity, visibility;
    transition-duration: 0.3s,0.1s,0s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    transition-delay: calc(var(--n) * 0.06s + 0.8s);
}

nks_table_stats.fadeOutStart .tstats_row{
  transition-property: transform, opacity, visibility;
    transition-duration:0.3s; 
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1); 
    transition-delay:calc((8 - var(--n)) * 0.03s + 0.0s);
    /* opacity:0; */
    visibility:hidden; 
}








/* MID - Whole panel */


nks_table_mid{
   clip-path:inset(0% 0% 0% 0%);
   transition-property:transform, clip-path, opacity;
}
nks_table_mid.fadeOutEnd,
nks_table_mid.fadeInInit{
  transform:scale3d(0.7,0.7,1);
  clip-path:inset(0% 0% 0% 0);
  opacity:0;
}

nks_table_mid.fadeInStart{
  transition-delay: 0.0s;
  transition-duration: 0.7s;
  transition-timing-function:cubic-bezier(0.51, 0.02, 0.54, 1)
}

nks_table_mid.fadeOutStart{
  transition-delay: 0.0s;
}



/* MID - Liga Logo */

nks_table_mid            tmid_liga_logo{
   clip-path:inset(0% 0% 0% 0%);
   transition-property:transform, opacity;
}
nks_table_mid.fadeOutEnd tmid_liga_logo,
nks_table_mid.fadeInInit tmid_liga_logo{
  transform:scale3d(0.7,0.7,1);
  opacity:0;
}

nks_table_mid.fadeInStart tmid_liga_logo{
  transition-delay: 0.7s;
  transition-duration:0.3s;
  transition-timing-function:cubic-bezier(0.51, 0.02, 0.54, 1)
}

nks_table_mid.fadeOutStart tmid_liga_logo{
  transition-delay: 0.4s;
}

/*  MID - Arrows */

nks_table_mid            tmid_left_arrow,
nks_table_mid            tmid_right_arrow{
  transition-property:opacity,transform;   
}

nks_table_mid.fadeInInit tmid_left_arrow,
nks_table_mid.fadeOutEnd tmid_left_arrow{
  transform: translateX(-20px);
  opacity:0;
}

nks_table_mid.fadeInInit tmid_right_arrow,
nks_table_mid.fadeOutEnd tmid_right_arrow{
  transform: translateX(20px);
  opacity:0;
}

nks_table_mid.fadeInStart tmid_left_arrow,
nks_table_mid.fadeInStart tmid_right_arrow {
  transition-delay: calc( ( var(--n) * 0.08 + 0.9)*1s), calc( ( var(--n) * 0.15 + 0.8)*1s);
  transition-duration: 0s, 0.2s;
  transition-timing-function:cubic-bezier(0.75, 0.12, 0.2, 0.94), cubic-bezier(1, 0.03, 0.87, 0.82);
}


nks_table_mid.fadeOutStart tmid_left_arrow,
nks_table_mid.fadeOutStart tmid_right_arrow
{
  transition-delay: calc( ( var(--n) * -0.1 + 0.3)*1s);
  transition-timing-function:cubic-bezier(0.77, 0.04, 0.71, 0.69), cubic-bezier(0.37, 0.31, 0.77, 0.5) ;  
}

nks_table_mid.fadeOutEnd tmid_left_arrow,
nks_table_mid.fadeOutEnd tmid_right_arrow{
  transform:unset;
  
}




/* MID - command logos */

nks_table_mid.fadeOutEnd tmid_logo_home,
nks_table_mid.fadeOutEnd tmid_logo_away,
nks_table_mid.fadeInInit tmid_logo_home,
nks_table_mid.fadeInInit tmid_logo_away{
  transform:scale3d(0,0,1);
}

nks_table_mid.fadeInStart tmid_logo_home,
nks_table_mid.fadeInStart tmid_logo_away{
  transition-delay: 0.3s;
  transition-duration:0.5s;
  transition-timing-function:cubic-bezier(0.54, 0.12, 0.46, 0.97)
}

nks_table_mid.fadeOutStart tmid_logo_home,
nks_table_mid.fadeOutStart tmid_logo_away{
  transition-delay: 0.7s;

}


/* MID (Match ID) - Names */

nks_table_mid tmid_name_text_home,
nks_table_mid tmid_name_text_away{
  clip-path:inset(0% 0% 0% 0%);
}

nks_table_mid.fadeInInit tmid_name_text_home,
nks_table_mid.fadeInInit tmid_name_text_away{
   clip-path:inset(0% 100% 0%  0%); 
}

nks_table_mid.fadeInStart tmid_name_text_home,
nks_table_mid.fadeInStart tmid_name_text_away{
  transition-delay: 1s;
  transition-duration:0.5s;
  transition-timing-function:cubic-bezier(0.51, 0.02, 0.54, 1);
  clip-path:inset(0% 0% 0% 0%);
  
}

nks_table_mid.fadeInInit tmid_name_text_home{
   clip-path:inset(0% 0% 0%  100%); 
  
}

nks_table_mid.fadeOutStart tmid_name_text_home,
nks_table_mid.fadeOutStart tmid_name_text_away{
  transition-delay: 0s;
  transition-duration:0.5s;
  
}

nks_table_mid.fadeOutEnd tmid_name_text_home,
nks_table_mid.fadeOutEnd tmid_name_text_away{
   clip-path:inset(0% 0% 0% 100%);
}


/* MID (Match ID) - Names BG */

nks_table_mid            tmid_edge_home,
nks_table_mid            tmid_edge_away{
  clip-path:inset(0% 0% 0%  0%); 
  transition-property:clip-path,opacity;


}

nks_table_mid.fadeInInit tmid_edge_home,
nks_table_mid.fadeOutEnd tmid_edge_home{
   clip-path:inset(0% 0% 0%  100%); 
  opacity:0;  
}

nks_table_mid.fadeInInit tmid_edge_away,
nks_table_mid.fadeOutEnd tmid_edge_away{
   clip-path:inset(0% 100% 0%  0%);
   opacity:0; 
}

nks_table_mid.fadeInStart tmid_edge_home,
nks_table_mid.fadeInStart tmid_edge_away{
  transition-delay: 0.7s;
  transition-duration:0.5s,0.1s;
  transition-timing-function:cubic-bezier(0.51, 0.02, 0.54, 1);
  
}

nks_table_mid.fadeOutStart tmid_edge_home,
nks_table_mid.fadeOutStart tmid_edge_away{
  transition-delay: 0.4s,0.6s;
  transition-duration:0.5s,0.3s;
  
}



/* MID - Date */

nks_table_mid  tmid_date_text{
  transition-property:opacity,transform;
}
nks_table_mid.fadeOutEnd tmid_date_text,
nks_table_mid.fadeInInit tmid_date_text{
  opacity:0;
  transform:translateY(-100px)
}

nks_table_mid.fadeInStart tmid_date_text{
  transition-delay: 0.6s;
  transition-duration:0.3s;
  transition-timing-function:cubic-bezier(0.73, 0.27, 0.66, 0.77),cubic-bezier(0, 0.75, 0.74, 0.98)
}


nks_table_mid.fadeOutStart tmid_date_text{
  transition-delay: 0.5s, 0.4s;
  
  transition-timing-function:cubic-bezier(0.14, 0.44, 0.42, 0.82),cubic-bezier(0.74, 0.04, 0.96, 0.58)
}


/* MID - Text 2 */

nks_table_mid  tmid_date_text2{
  transition-property:opacity,transform,clip-path;
  clip-path:inset(0 0% 0 0%)
  
}
nks_table_mid.fadeOutEnd tmid_date_text2,
nks_table_mid.fadeInInit tmid_date_text2{
  opacity:0;
  transform:translateY(-100px);
  clip-path:inset(0 50% 0 50%)
}

nks_table_mid.fadeInStart tmid_date_text2{
  transition-delay: 0.9s, 0.9s , 1.3s;
  transition-duration:0.3s;
  transition-timing-function:cubic-bezier(0.73, 0.27, 0.66, 0.77),cubic-bezier(0, 0.75, 0.74, 0.98)
}


nks_table_mid.fadeOutStart tmid_date_text2{
  transition-delay: 0.5s, 0.4s,0s;
  
  transition-timing-function:cubic-bezier(0.14, 0.44, 0.42, 0.82),cubic-bezier(0.74, 0.04, 0.96, 0.58)
}


/* MID - Above timer text */

nks_table_mid            tmid_remain_text{
  transition-property: opacity,transform;
}
nks_table_mid.fadeOutEnd tmid_remain_text,
nks_table_mid.fadeInInit tmid_remain_text{
  opacity:0;
  transform:translateY(20px)
  
}

nks_table_mid.fadeInStart tmid_remain_text{
  transition-delay: 1.2s;
  transition-duration:0.6s;
  transition-timing-function:cubic-bezier(0.18, 0.56, 0.54, 1)
}


nks_table_mid.fadeOutStart tmid_remain_text{
  transition-delay: 0.4s;
  transition-timing-function:cubic-bezier(0.12, 0.54, 0.37, 0.97),cubic-bezier(0.57, 0.11, 0.4, 0.87)
}

/* MID - timer digits */

nks_table_mid.fadeOutEnd tmid_remain_time,
nks_table_mid.fadeInInit tmid_remain_time{
  opacity:0;
  transform:translateY(0px)
  
}

nks_table_mid.fadeInStart tmid_remain_time{
  transition-delay: 1s;
  transition-duration:1.3s;
  transition-timing-function:cubic-bezier(0.18, 0.56, 0.54, 1)
}


nks_table_mid.fadeOutStart tmid_remain_time{
  transition-delay: 0.4s;
  transition-timing-function:cubic-bezier(0.69, 0.11, 0.54, 1);
  transition-duration:0.5s;
  
}



/* MID - Score digit */

nks_table_mid            tmid_score_wrap_home,
nks_table_mid            tmid_score_wrap_away{
  transition-property:transform,opacity;
}
nks_table_mid.fadeInInit tmid_score_wrap_home,
nks_table_mid.fadeOutEnd tmid_score_wrap_home{
   transform:translateX(-150px);
   opacity:0;
}

nks_table_mid.fadeInInit tmid_score_wrap_away,
nks_table_mid.fadeOutEnd tmid_score_wrap_away{
   transform:translateX(150px);
   opacity:0;  
}

nks_table_mid.fadeInStart tmid_score_wrap_home,
nks_table_mid.fadeInStart tmid_score_wrap_away{
  transition-delay: 0.8s;
  transition-duration:0.6s;
  transition-timing-function:cubic-bezier(0, 0.52, 0.12, 1),cubic-bezier(0.18, 0.43, 0.46, 0.72)
}

nks_table_mid.fadeOutStart tmid_score_wrap_home,
nks_table_mid.fadeOutStart tmid_score_wrap_away{
  transition-delay: 0.2s;
  transition-timing-function:cubic-bezier(0.81, 0.03, 0.57, 0.98),cubic-bezier(0.53, 0.23, 0.33, 0.77)

}



/* MID bottom design element */

nks_table_mid            tmid_remain_bg{
    transition-property: clip-path;  
    clip-path:inset(0 0% 0 0%)   
}

nks_table_mid.fadeOutEnd tmid_remain_bg,
nks_table_mid.fadeInInit tmid_remain_bg{
    clip-path:inset(0 50% 0 50%)
}

nks_table_mid.fadeInStart tmid_remain_bg{
    transition-delay: 0.7s;
    transition-duration:0.6s;
    transition-timing-function: cubic-bezier(0.71, -0.01, 0.3, 0.95);
}

nks_table_mid.fadeOutStart tmid_remain_bg{
    transition-duration:0.4s;
    transition-delay: 0s;
  
}

/* MID (Match ID) - Background */


nks_table_mid            tmid_bg{
    transition-property: transform, clip-path;  
    clip-path:inset(0 0% 0 0%);
    transform-origin:top;  
}
nks_table_mid.fadeOutEnd tmid_bg,
nks_table_mid.fadeInInit tmid_bg{
    transform:scale(1,0);
    clip-path:inset(0 21.7% 0 21.7%)
}

nks_table_mid.fadeInStart tmid_bg{
    transition-delay: 0s, 0.4s;
    transition-duration:0.4s,0.3s;
    transition-timing-function: cubic-bezier(0.67, 0.03, 0.45, 0.84),
      cubic-bezier(0.69, 0.05, 0.34, 0.8);
}

nks_table_mid.fadeOutInit tmid_bg{

  
}
nks_table_mid.fadeOutStart tmid_bg{
    transition-duration:0.3s,0.3s;
    transition-delay: 1s, 0.7s;
}


/* MID Arrows Animation */



tmid_left_arrow,
tmid_right_arrow{
  animation: 3s infinite arrow_blink;
  animation-delay:calc(var(--n)*0.2s*-1 + 3s);
  animation-duration:5s;
}

.fadeOutStart tmid_left_arrow ,
.fadeOutStart tmid_right_arrow{
  animation:none;
}



@keyframes arrow_blink {
  0% { opacity:0; transform:scale(1)  }
  0.9% { opacity:0; transform:scale(1.2)  }
  
  1.0% { opacity:1; }
  1.9% { opacity:1; }  
  2.0% { opacity:0; }
  2.9% { opacity:0; transform:scale(1.2)  }
  3.0%{ opacity:1; }
  3.9%{ opacity:1; }
  4.0%{ opacity:0; }
  4.9%{ opacity:0; transform:scale(1.2) }
  5.0%{ opacity:1;  transform:scale(1) } 
  
  49.9%{ opacity:1; transform:scale(1)  }   
  50.0%{ opacity:0; }
  50.9%{ opacity:0; }  
  51.0%{ opacity:1; transform:scale(1)  }  
  51.9%{ opacity:1; }  
  52.0%{ opacity:0; }    
  52.9%{ opacity:0; }   
  53.0%{ opacity:1; transform:scale(1) }  
  
  100%{opacity:1; }
  
}


/* Titles */



nks_title {
    max-width: 600px;
}


nks_title.fadeInStart{
    transition:all 0.5s;
    max-width: var(--animator-init-width);
}


nks_title.fadeOutStart{
    transition:all 0.8s;
    transition-delay:0.55s;
  /*transition-timing-function:ease;*/
  
}

nks_title.fadeOutEnd{
    max-width: 0px;
}


/* Titles BG */

nks_title            nks_title_bg{
    background-color:transparent;
    clip-path:inset(0 0% 0 0%);
    --title-bg: var(--bg-color3);
}
nks_title.fadeOutEnd nks_title_bg,
nks_title.fadeInInit nks_title_bg{
    clip-path:inset(0% 0% 0% 0%)
}

nks_title.fadeInStart nks_title_bg{
    background-color:transparent;
    animation: 4s infinite  bg_betera_blink;  
    animation-iteration-count:1;
    animation-delay:0.6s;
    transition-delay: 0.4s;
    transition-duration:0.4s;
    transition-timing-function: cubic-bezier(0.67, 0.03, 0.83, 0.64);
    background-color:var(--title-bg);     
}

nks_title.fadeOutInit nks_title_bg{
    animation:none;  
    transition-duration:0s;
    transition-delay: 0s;

  
}
nks_title.fadeOutStart nks_title_bg{
    animation:none;   
    transition-duration:0.5s;
    transition-delay: 0.35s;
    background-color:var(--accent-color);  
    clip-path:inset(0% 0% 0% 0%)
  
}



@keyframes bg_betera_blink {
  0% {  background-color:transparent;  }
  0.1% {  background-color:var(--accent-color);  }
  
  0.9% { background-color:var(--accent-color); }
  
  1.0% { background-color:var(--title-bg);}
  1.9% { background-color:var(--title-bg); }  
  2.0% { background-color:var(--accent-color) }
  2.9% { background-color:var(--accent-color) }
  3.0%{ background-color:var(--title-bg); }
  3.9%{ background-color:var(--title-bg); }
  4.0%{ background-color:var(--accent-color) }
  4.9%{ background-color:var(--accent-color) }
  5.0%{ background-color:var(--title-bg); }
  5.9%{ background-color:var(--title-bg); ; }
  6.0%{ background-color:var(--accent-color) }
  6.9%{ background-color:var(--accent-color) }
  7.0%{ background-color:var(--title-bg);  }
  7.9%{ background-color:var(--title-bg); }
  8.0%{ background-color:var(--accent-color) }
  8.9%{ background-color:var(--accent-color) }  
  9.0%{ background-color:var(--title-bg);  }
  9.9%{ background-color:var(--title-bg); }
  10.0%{ background-color:var(--accent-color) }
  10.9%{ background-color:var(--accent-color) }    
  
   50%{ background-color:var(--title-bg); }

  
  100%{ background-color:var(--title-bg); }
  
}


/* Titles - bg design el1 */

nks_title.fadeInInit .nks_title_design_el1{
  opacity:0;
}

nks_title.fadeInStart .nks_title_design_el1{
  transition-delay:1.6s;
  animation: 5s infinite arrow_blink;
  animation-delay:1.6s;
}
nks_title.fadeOutInit .nks_title_design_el1{
    animation:none;
  opacity:1;
  transition-delay:0;
}
nks_title.fadeOutStart .nks_title_design_el1{

  opacity:0;
  transition-delay:0.3s;
}



/*  Titles - photo bg */

nks_title.fadeInInit .nks_title_photo_bg_img{
  opacity:0;  
}

nks_title.fadeInStart .nks_title_photo_bg_img{
  transition-delay:0s;
  animation: 5s 1 nks_title_photo_bg_img_blink;  
  animation-delay:0s;
  opacity:0;  
}

@keyframes nks_title_photo_bg_img_blink {
  0% { opacity:0; transform:scale(1)  }
  0.9% { opacity:0; transform:scale(1)  }
  
  1.0% { opacity:1; }
  1.9% { opacity:1; }  
  2.0% { opacity:0; }
  2.9% { opacity:0; transform:scale(1)  }
  3.0%{ opacity:1; }
  3.9%{ opacity:1; }
  4.0%{ opacity:0; }
  4.9%{ opacity:0;}
  5.0%{ opacity:1;} 
  5.9%{ opacity:1;}   
  6.0%{ opacity:0; }
  6.9%{ opacity:0;} 
  
  100%{opacity:0; }
  
}

nks_title.fadeOutStart .nks_title_photo_bg_img{
  transition-duration:0.3s;
  transition-delay:0.4s;
  opacity:1;
}

/*  Titles - photo main */

nks_title  .nks_title_photo_img{
  filter: brightness(1);
  clip-path:inset(0 0 0 0);
  visibility:visible;
}


nks_title.fadeInInit .nks_title_photo_img{
  filter: brightness(20);
  opacity:0;  
}


nks_title.fadeInStart .nks_title_photo_img{
  transition-delay: 0.1s;
  transition-duration:0.6s;
  transition-timing-function:cubic-bezier(0.51, 0.02, 0.54, 1); 
}


nks_title.fadeOutEnd .nks_title_photo_img{
  /*clip-path:inset(50% 0 50% 0); */
  /* animation: 5s 1 betera_photo_fadeout; 
  animation-delay:0.0s;
  */
  transition-duration:0.6s;
  /*filter: brightness(20);*/
  transition-delay:0.4s;
  opacity:0;
 
}



@keyframes betera_photo_fadeout {
  0% { opacity:0; transform:scale(1)  }
  0.9% { opacity:0; transform:scale(1)  }
  
  1.0% { opacity:1; }
  1.9% { opacity:1; }  
  2.0% { opacity:0; }
  2.9% { opacity:0; transform:scale(1)  }
  3.0%{ opacity:1; }
  3.9%{ opacity:1; }
  4.0%{ opacity:0; }
  4.9%{ opacity:0;}
  5.0%{ opacity:1;} 
  5.9%{ opacity:1;}   
  14%{opacity:0; }  
  100%{opacity:0; }
  
}


@keyframes bg_betera_photo_blink {
  0% {  background-color:transparent;  }
  0.1% {  background-color:var(--accent-color);  }
  
  0.9% { background-color:var(--accent-color); }
  
  1.0% { background-color: black}
  1.9% { background-color: black }  
  2.0% { background-color:var(--accent-color) }
  2.9% { background-color:var(--accent-color) }
  3.0%{ background-color: black  }
  3.9%{ background-color: black ; }
  4.0%{ background-color:var(--accent-color) }
  4.9%{ background-color:var(--accent-color) }
  5.0%{ background-color: black  }
  5.9%{ background-color: black ; }
  6.0%{ background-color:var(--accent-color) }
  6.9%{ background-color:var(--accent-color) }
  7.0%{ background-color: black  }
  7.9%{ background-color: black ; }
  8.0%{ background-color:var(--accent-color) }
  8.9%{ background-color:var(--accent-color) }  
  
   50%{ background-color: black }

  
  100%{ background-color: black }
  
}

/* Title - Team Logo */

nks_title  nks_title_team_logo {
  transform:none;
}

nks_title.fadeInInit nks_title_team_logo,
nks_title.fadeOutEnd nks_title_team_logo{  
  transform:translateY(10px);
  opacity:0;
}

nks_title.fadeInStart nks_title_team_logo{
  transition-delay: 1.5s;
  transition-duration:0.5s;
}

nks_title.fadeOutStart nks_title_team_logo{
  transition-delay:0.2s;
}

/* Title - player Num */
/*
nks_title.fadeInStart nks_title_player_num{
  animation: 5s 1 forwards common_blink_1;  
  animation-delay:1s;
  opacity:0;
}
*/
nks_title  nks_title_player_num {
  transform:none;
}

nks_title.fadeInInit nks_title_player_num,
nks_title.fadeOutEnd nks_title_player_num{  
  transform:translateY(10px);
  opacity:0;
}

nks_title.fadeInStart nks_title_player_num{
  transition-delay: 1.5s;
  transition-duration:0.5s;
}

nks_title.fadeOutStart nks_title_player_num{
  transition-delay:0.5s;
}

/* Title - text */
nks_title title_header,
nks_title title_row2,
nks_title title_row3{
  clip-path:inset(0% 0% 0% 0%);
}

nks_title title_header{
  animation: 0.4s 1 forwards common_blink_1;  
  animation-delay:2s;
  opacity:0;
}

nks_title.fadeInInit title_header,
nks_title.fadeInInit title_row2,
nks_title.fadeInInit title_row3{
   clip-path:inset(0% 100% 0% 0%); 
}

nks_title.fadeInStart title_header,
nks_title.fadeInStart title_row2,
nks_title.fadeInStart title_row3{
  transition-delay: 1s;
  transition-duration:0.5s;
  transition-timing-function:cubic-bezier(0.51, 0.02, 0.54, 1);
  
}

nks_title.fadeInStart title_row2{
  transition-delay: 1.2s;
}

nks_title.fadeInStart title_row3{
  transition-delay: 1.6s;
}


nks_title.fadeOutStart title_header,
nks_title.fadeOutStart title_row2,
nks_title.fadeOutStart title_row3{
  transition-delay: 0.0s;
  transition-duration:0.5s;
  
}


nks_title.fadeOutEnd title_header,
nks_title.fadeOutEnd title_row2,
nks_title.fadeOutEnd title_row3{
   clip-path:inset(0% 100% 0% 0%);
}



@keyframes common_blink_double {
  0% { opacity:0; transform:scale(1)  }
  0.9% { opacity:0; transform:scale(1)  }
  
  1.0% { opacity:1; }
  1.9% { opacity:1; }  
  2.0% { opacity:0; }
  2.9% { opacity:0; transform:scale(1)  }
  3.0%{ opacity:1; }
  3.9%{ opacity:1; }
  4.0%{ opacity:0; }
  4.9%{ opacity:0; transform:scale(1) }
  5.0%{ opacity:1;  transform:scale(1) } 
  
  49.9%{ opacity:1; transform:scale(1)  }   
  50.0%{ opacity:0; }
  50.9%{ opacity:0; }  
  51.0%{ opacity:1; transform:scale(1)  }  
  51.9%{ opacity:1; }  
  52.0%{ opacity:0; }    
  52.9%{ opacity:0; }   
  53.0%{ opacity:1; transform:scale(1) }  
  
  100%{opacity:1; }
  
}


@keyframes common_blink_1 {
  0% { opacity:0; }
  14.9% { opacity:0; }

  15.0% { opacity:1; }
  29.9% { opacity:1; }  
  
  30.0% { opacity:0; }
  44.9% { opacity:0;}
  
  45.0%{ opacity:1; }
  59.9%{ opacity:1; }
  
  60.0%{ opacity:0; }
  74.9%{ opacity:0;}
  
  75.0% { opacity:1; }
  89.9% { opacity:1; }  
  
  90.0% { opacity:1; }
  100.0% { opacity:1;}   
}

@keyframes common_blink_1_out {
  0% { opacity:0; }
  14.9% { opacity:0; }

  15.0% { opacity:1; }
  29.9% { opacity:1; }  
  
  30.0% { opacity:0; }
  44.9% { opacity:0;}
  
  45.0%{ opacity:1; }
  59.9%{ opacity:1; }
  
  60.0%{ opacity:0; }
  74.9%{ opacity:0;}
  
  75.0% { opacity:1; }
  89.9% { opacity:1; }  
  
  90.0% { opacity:0; }
  100.0% { opacity:0;}   
}



.animator_default .animator_def_target:not([data-animator-mode="CSS"], [data-animator]),
.animator_default.animator_def_target:not([data-animator-mode="CSS"], [data-animator]){
  --inset-top:0%;
  --inset-bottom:0%;
  clip-path:inset(var(--inset-top) 0% var(--inset-bottom) 0%);
  --init-delay:0.7s;
  /*transition-property:transform, clip-path;*/
}
.animator_default.fadeOutEnd .animator_def_target:not([data-animator-mode="CSS"], [data-animator]),
.animator_default.fadeOutEnd.animator_def_target:not([data-animator-mode="CSS"], [data-animator]),
.animator_default.fadeInInit .animator_def_target:not([data-animator-mode="CSS"], [data-animator]),
.animator_default.fadeInInit.animator_def_target:not([data-animator-mode="CSS"], [data-animator]){
 /*transform:scale3d(0.7,0.7,1);*/
 clip-path:inset(var(--inset-top) 100% var(--inset-bottom) 0%);

 opacity:0;
}

.animator_default.fadeInStart .animator_def_target:not([data-animator-mode="CSS"], [data-animator]),
.animator_default.fadeInStart.animator_def_target:not([data-animator-mode="CSS"], [data-animator]){
  
 transition-delay: var(--init-delay);
 transition-duration:0.6s;
 
 /*transition-timing-function:cubic-bezier(0.51, 0.02, 0.54, 1);*/

}

.animator_default.fadeOutStart .animator_def_target:not([data-animator-mode="CSS"], [data-animator]),
.animator_default.fadeOutStart.animator_def_target:not([data-animator-mode="CSS"], [data-animator]){
 /*transition-timing-function:cubic-bezier(0.51, 0.02, 0.54, 1);*/
 transition-duration:0.6s;
 
 transition-delay: 0s;
}


tlittle_subtitle_header{
  --init-delay:0.3;
  
}


/* Home / away logos */

.home-logo,
.away-logo{
  --out-delay:0.1s;
}

nks_title  .home-logo,
nks_title  .away-logo {
  
}

.fadeInInit .home-logo,
.fadeOutEnd .home-logo,
.fadeInInit .away-logo,
.fadeOutEnd .away-logo{
  transform: scale3d(0.3,0.3,1);
  opacity:0;
}

.fadeInStart .home-logo,
.fadeInStart .away-logo{
  transition-delay: var(--init-delay);

  /*transition-delay: 0s;*/
  transition-duration:0.5s;
}

.fadeOutStart .home-logo,
.fadeOutStart .away-logo{
  transition-delay: var(--out-delay);
  
  transition-duration:0.5s;
}