:root{--number-of-elements:3;--animation-duration-base:3s;--animation-duration-pause:calc(var(--animation-duration-base)*var(--number-of-elements));--animation-delay-first:.5s;--animation-delay-second:calc(var(--animation-duration-base) + var(--animation-delay-first));--animation-delay-third:calc(var(--animation-duration-base) + var(--animation-delay-second));--transform-start:translateX(100%);--transform-center:translateX(0%);--transform-end:translateX(-100%);--opacity-visible:1;--opacity-hidden:0;--full-width:100%;--timing-ease:ease-in-out;--timing-linear:linear}@keyframes mq1{0%{transform:var(--transform-start)}15%{transform:var(--transform-center)}85%{transform:var(--transform-center)}to{transform:var(--transform-end)}}@keyframes mq1-pause{0%{opacity:var(--opacity-visible)}33%{opacity:var(--opacity-visible)}34%{opacity:var(--opacity-hidden)}to{opacity:var(--opacity-hidden)}}.custom-mq1{width:var(--full-width);opacity:var(--opacity-hidden);animation:mq1 var(--animation-duration-base)var(--timing-ease)var(--animation-delay-first)infinite,mq1-pause var(--animation-duration-pause)var(--timing-linear)var(--animation-delay-first)infinite;justify-content:center;display:flex}.custom-mq2{width:var(--full-width);opacity:var(--opacity-hidden);animation:mq1 var(--animation-duration-base)var(--timing-ease)var(--animation-delay-second)infinite,mq1-pause var(--animation-duration-pause)var(--timing-linear)var(--animation-delay-second)infinite;justify-content:center;display:flex}.custom-mq3{width:var(--full-width);opacity:var(--opacity-hidden);animation:mq1 var(--animation-duration-base)var(--timing-ease)var(--animation-delay-third)infinite,mq1-pause var(--animation-duration-pause)var(--timing-linear)var(--animation-delay-third)infinite;justify-content:center;display:flex}
