.animated-arrow{width:150px;animation-duration:4s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-iteration-count:infinite;-webkit-mask-image:linear-gradient(90deg,#000,#000);mask-image:linear-gradient(90deg,#000,#000);-webkit-mask-size:0% 100%;mask-size:0% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.arrow-delay-0{animation-name:arrowOne}.arrow-delay-1{animation-name:arrowTwo}.arrow-delay-2{animation-name:arrowThree}@keyframes arrowOne{0%{-webkit-mask-size:0% 100%;mask-size:0% 100%}20%{-webkit-mask-size:100% 100%;mask-size:100% 100%}80%{-webkit-mask-size:100% 100%;mask-size:100% 100%}to{-webkit-mask-size:0% 100%;mask-size:0% 100%}}@keyframes arrowTwo{0%,20%{-webkit-mask-size:0% 100%;mask-size:0% 100%}40%{-webkit-mask-size:100% 100%;mask-size:100% 100%}80%{-webkit-mask-size:100% 100%;mask-size:100% 100%}to{-webkit-mask-size:0% 100%;mask-size:0% 100%}}@keyframes arrowThree{0%,40%{-webkit-mask-size:0% 100%;mask-size:0% 100%}60%{-webkit-mask-size:100% 100%;mask-size:100% 100%}80%{-webkit-mask-size:100% 100%;mask-size:100% 100%}to{-webkit-mask-size:0% 100%;mask-size:0% 100%}}