/* hero-wipe-anim-2.css - buoc 9 (03/09): sua Loi 1 "3 slide chong len nhau".
 * Ten tep MOI vi edge cache 7 ngay; hero-wipe-anim.css cu giu lai, khong enqueue nua.
 * Nguyen nhan goc: het luot, slide van clip-path:inset(0 0 0 0) va chi dua vao
 * z-index de "an" - nhung nen slide trong suot nen chu cua ca 3 slide cung hien.
 * Cach sua: slide het luot bi clip ve 0 be ngang. Moi thoi diem chi 2 slide ve:
 * slide hien tai (z:3) va slide cu dang bi phu dan (z:2). Nhip giu nguyen. */
@keyframes tgsHeroS1{
0%{clip-path:inset(0 100% 0 0);z-index:3}
6.01%{clip-path:inset(0 0 0 0)}
16.93%{z-index:3}
16.94%{z-index:2}
22.95%{clip-path:inset(0 0 0 0)}
22.96%{clip-path:inset(0 100% 0 0)}
100%{clip-path:inset(0 100% 0 0);z-index:2}}
@keyframes tgsHeroS2{
0%{clip-path:inset(0 100% 0 0);z-index:2}
16.93%{clip-path:inset(0 100% 0 0);z-index:2}
16.94%{z-index:3}
22.95%{clip-path:inset(0 0 0 0)}
66.66%{clip-path:inset(0 0 0 0);z-index:3}
66.67%{z-index:2}
72.68%{clip-path:inset(0 0 0 0)}
72.69%{clip-path:inset(0 100% 0 0)}
100%{clip-path:inset(0 100% 0 0);z-index:2}}
@keyframes tgsHeroS3{
0%{clip-path:inset(0 0 0 0);z-index:2}
6.01%{clip-path:inset(0 0 0 0)}
6.02%{clip-path:inset(0 100% 0 0)}
66.66%{clip-path:inset(0 100% 0 0);z-index:2}
66.67%{clip-path:inset(0 100% 0 0);z-index:3}
72.68%{clip-path:inset(0 0 0 0)}
100%{clip-path:inset(0 0 0 0);z-index:3}}
@keyframes tgsHeroEdge{
0%{opacity:1;transform:translateX(-100%)}
6.01%{opacity:1;transform:translateX(833.33%)}
6.02%{opacity:0;transform:translateX(833.33%)}
6.03%,16.93%{opacity:0;transform:translateX(-100%)}
16.94%{opacity:1;transform:translateX(-100%)}
22.95%{opacity:1;transform:translateX(833.33%)}
22.96%{opacity:0;transform:translateX(833.33%)}
22.97%,66.66%{opacity:0;transform:translateX(-100%)}
66.67%{opacity:1;transform:translateX(-100%)}
72.68%{opacity:1;transform:translateX(833.33%)}
72.69%{opacity:0;transform:translateX(833.33%)}
100%{opacity:0;transform:translateX(-100%)}}
@keyframes tgsHeroL1{0%,73.4%{opacity:0;transform:translateY(6px)}76.5%,100%{opacity:1;transform:none}}
@keyframes tgsHeroL2{0%,78.9%{opacity:0;transform:translateY(6px)}82%,100%{opacity:1;transform:none}}
@keyframes tgsHeroL3{0%,84.4%{opacity:0;transform:translateY(6px)}87.5%,100%{opacity:1;transform:none}}
/* Tat tu chay, chi hien slide 2 */
@media (prefers-reduced-motion:reduce){
.tgs-hero-wipe__slide,.tgs-hero-wipe__edge,.tgs-hero-wipe__line{animation:none!important}
.tgs-hero-wipe__slide{clip-path:none;visibility:hidden}
.tgs-hero-wipe__slide--2{position:relative;visibility:visible;z-index:3}
.tgs-hero-wipe__edge{display:none}
.tgs-hero-wipe__line{opacity:1;transform:none}}