/* s_little */
#s_tlower_container .s_tlower.weather {
	--animator-mode: css;
	/*     clip-path:inset(0% 0% 0% 0%);
    --init-delay:0.7s; */
	--animator-in-duration: 1200ms;
	--animator-out-duration: 1200ms;
	/*transition-property:transform, clip-path;*/
	max-width: 730px;
	clip-path: inset(0% 0% 0% 0% round var(--radius-mid));
	border-radius: 0;
}

#s_tlower_container .s_tlower.weather.ani_out_end,
#s_tlower_container .s_tlower.weather.ani_init {
	clip-path: inset(0% 50% 0% 50% round var(--radius-mid));

	/*     transform:scale3d(0,0,1);
    opacity:0; */
}

#s_tlower_container .s_tlower.weather.ani_in {
	transition-duration: 500ms;

	/*     transition-delay: 0s;
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.51, 0.02, 0.26, 1.49); */
}

#s_tlower_container .s_tlower.weather.ani_out {
    transition-delay: 200ms;
}


/* s_tlower_weather_header */

#s_tlower_container .s_tlower.weather {
	/*transition-property:transform, clip-path;*/
	--translate_src: 50px;
	--direction: 1;
}

#s_tlower_container .s_tlower.weather .side_anim {
	--translate: calc(var(--translate_src) * var(--direction));
}
#s_tlower_container .s_tlower.weather .side_anim.right {
	--direction: 1;
}

#s_tlower_container .s_tlower.weather.ani_out_end .side_anim,
#s_tlower_container .s_tlower.weather.ani_init .side_anim {
	transform: translateX(var(--translate));
	/* clip-path:inset(0% 0% 0% 0%); */
	opacity: 0;
}

#s_tlower_container .s_tlower.weather.ani_in .side_anim {
	transition-duration: 0.4s;
	transition-delay: 300ms;
	/*     transition-delay: 0s;
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.51, 0.02, 0.26, 1.49); */
}

#s_tlower_container .s_tlower.weather.ani_out .side_anim {
	/*     transition-duration:0.4s;
    transition-delay: 1.3s; */
	transition-delay: 200ms;
}


/* icon */

#s_tlower_container .s_tlower.weather .icon_anim {
	--translate_src: -30px;
	--start-delay:600ms;
	--add-delay:0ms;
	--direction: 1;
}

#s_tlower_container .s_tlower.weather .icon_anim{
	--delay:calc(var(--start-delay) + var(--add-delay));
	--translate:calc(var(--translate_src) * var(--direction));

}

#s_tlower_container .s_tlower.weather .icon_anim.value {
	--add-delay:200ms;
	--direction: -1;
}


#s_tlower_container .s_tlower.weather.ani_out_end .icon_anim,
#s_tlower_container .s_tlower.weather.ani_init .icon_anim {
	transform: translateY(var(--translate));
	/* clip-path:inset(0% 0% 0% 0%); */
	opacity: 0;
}

#s_tlower_container .s_tlower.weather.ani_in .icon_anim {
	transition-duration: 0.4s;
	transition-delay: var(--delay);
	/*     transition-delay: 0s;
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.51, 0.02, 0.26, 1.49); */
}

#s_tlower_container .s_tlower.weather.ani_out .icon_anim {
	transition-delay:0ms
}