/* Scrolling Text CSS Keyframes */
.stew-scrolling-wrap {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 5px;
}
.stew-scrolling-text {
  display: inline-block;
  white-space: nowrap;
  will-change: transform;
  --stew-speed: 10s;
}
.stew-scrolling-wrap[data-direction="left"] .stew-scrolling-text {
  animation: stew-scroll-left var(--stew-speed) linear infinite;
}
.stew-scrolling-wrap[data-direction="right"] .stew-scrolling-text {
  animation: stew-scroll-right var(--stew-speed) linear infinite;
}
.stew-scrolling-wrap[data-direction="up"] .stew-scrolling-text {
  display:block;
  animation: stew-scroll-up var(--stew-speed) linear infinite;
}
.stew-scrolling-wrap[data-direction="down"] .stew-scrolling-text {
  display:block;
  animation: stew-scroll-down var(--stew-speed) linear infinite;
}
@keyframes stew-scroll-left {0%{transform:translateX(100%);}100%{transform:translateX(-100%);}}
@keyframes stew-scroll-right{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}
@keyframes stew-scroll-up   {0%{transform:translateY(100%);}100%{transform:translateY(-100%);}}
@keyframes stew-scroll-down {0%{transform:translateY(-100%);}100%{transform:translateY(100%);}}
