@keyframes a{0%{-webkit-clip-path:inset(0 0 0 0 round 0 0 50% 0);clip-path:inset(0 0 0 0 round 0 0 50% 0)}60%{transform:translate(-100%)}70%{transform:translate(-100%);-webkit-clip-path:inset(0 100% 100% 0 round 0 0 100% 0);clip-path:inset(0 100% 100% 0 round 0 0 100% 0)}to{transform:translate(-100%);-webkit-clip-path:inset(0 100% 100% 0 round 0 0 100% 0);clip-path:inset(0 100% 100% 0 round 0 0 100% 0)}}@keyframes b{0%{-webkit-clip-path:inset(0 0 0 0 round 0 0 0 50%);clip-path:inset(0 0 0 0 round 0 0 0 50%)}60%{transform:translate(100%)}70%{-webkit-clip-path:inset(0 0 100% 100% round 0 0 0 100%);clip-path:inset(0 0 100% 100% round 0 0 0 100%)}to{transform:translate(100%);-webkit-clip-path:inset(0 0 100% 100% round 0 0 0 100%);clip-path:inset(0 0 100% 100% round 0 0 0 100%)}}.cont__body{position:relative;overflow:hidden}.cont__body .mask{position:absolute;top:0;left:0;width:100%;height:100%}.cont--loop .mask .mask__curtain:first-child{animation:a 3s ease-in infinite both}.cont--loop .mask .mask__curtain:nth-child(2){animation:b 3s ease-in infinite both}.mask{display:flex}.mask__curtain{background-color:#ff4000;width:50%;height:100%}.mask__curtain:first-child{-webkit-clip-path:inset(0 0 0 0 round 0 0 50% 0);clip-path:inset(0 0 0 0 round 0 0 50% 0)}.mask__curtain:nth-child(2){-webkit-clip-path:inset(0 0 0 0 round 0 0 0 50%);clip-path:inset(0 0 0 0 round 0 0 0 50%)}.cont--scroll.is-active .mask__curtain:first-child{transform:translate(-100%);transition:1.3s cubic-bezier(.57,-.01,.58,1);-webkit-clip-path:inset(0 100% 100% 0 round 0 0 100% 0);clip-path:inset(0 100% 100% 0 round 0 0 100% 0)}.cont--scroll.is-active .mask__curtain:nth-child(2){transform:translate(100%);transition:1.3s cubic-bezier(.57,-.01,.58,1);-webkit-clip-path:inset(0 0 100% 100% round 0 0 0 100%);clip-path:inset(0 0 100% 100% round 0 0 0 100%)}