weather_container{

  transform-origin:center;
}

nks_table_weather{
  align-self: center;
  width: auto !important;
  margin-top: -100px !important;
}

tweather_wrap{
  display: flex;
  width:1000px;
  height:400px;
  min-width: 1000px;
  min-height:400px;
  flex-direction: column;
  align-items: center;

}

tweather_header{
  display: flex;
  margin-top: 92px;
  font-size: 60px;
  font-family: 'fonbetcup';
  font-weight: 500;
}

tweather_grid{
  display: flex;
  margin-top: -33px;
  margin-left: -81px;
  /* margin-bottom: -32px; */
  gap: 40px;
  /* grid-auto-columns: 200px; */
  justify-content: center;
}

tweather_grid > *{
  display: flex;
  --width: 223px;
  width: var(--width);
  max-width: var(--width);
  min-width: var(--width);
  align-items: center;
  /* border: 1px solid green; */
  justify-content: center;
  /* overflow: visible; */
}

tweather_left{
  display: flex;

}

tweather_mid{
  display: flex;
  margin-left: -10px;
  margin-right: 28px;
}

tweather_right{
  display: flex;

}

tweather_icon{
  display: flex;

  --size: 220px;
  height:var(--size);
  width:var(--size);
  min-width: var(--size);
  min-height: var(--size);
  overflow: visible;
  /* margin: 0 -33px; */
  /* margin-left: -50px; */
  /* margin-right: -34px; */
  /* border: 1px solid red; */
}

tweather_icon img{
  width:100%;
  height:100%;
}

tweather_text{
  display: flex;
  font-size: 39px;
  margin-left: -32px;
  white-space: nowrap;
  margin-top: -10px;
  /* flex-grow: 1; */
}

tweather_location{
  display: flex;
  font-size: 35px;
  font-weight: 500;
  margin-top: -40px;
}









nks_table_weather tweather_grid{
  --inset-top:0%;
  --inset-bottom:0%;
  clip-path:inset(0% -20% 0% -20%);
  --init-delay:0.9s;
  /*transition-property:transform, clip-path;*/
}
nks_table_weather.fadeOutEnd tweather_grid,
nks_table_weather.fadeInInit tweather_grid{
 /*transform:scale3d(0.7,0.7,1);*/
 /*clip-path:inset(0% 0% 100% 0%);*/

 opacity:0;
}

nks_table_weather.fadeInStart tweather_grid{
  
 transition-delay: var(--init-delay);
 transition-duration:0.6s;
 
 /*transition-timing-function:cubic-bezier(0.51, 0.02, 0.54, 1);*/

}

nks_table_weather.fadeOutStart tweather_grid{
 /*transition-timing-function:cubic-bezier(0.51, 0.02, 0.54, 1);*/
 transition-duration:0.6s;
 
 transition-delay: 0s;
}