@charset "utf-8";

.rfm-marquee-container { overflow-x: hidden; display: flex; flex-direction: row; position: relative; width: var(--width); transform: var(--transform); }

.rfm-marquee-container:hover div { animation-play-state: var(--pause-on-hover); }

.rfm-marquee-container:active div { animation-play-state: var(--pause-on-click); }

.rfm-overlay { position: absolute; width: 100%; height: 100%; }

.rfm-overlay::before, .rfm-overlay::after { background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0)); content: ""; height: 100%; position: absolute; width: var(--gradient-width); z-index: 2; pointer-events: none; touch-action: none; }

.rfm-overlay::after { right: 0px; top: 0px; transform: rotateZ(180deg); }

.rfm-overlay::before { left: 0px; top: 0px; }

.rfm-marquee { flex: 0 0 auto; min-width: var(--min-width); z-index: 1; display: flex; flex-direction: row; align-items: center; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-fill-mode: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-play-state: var(--play); animation-delay: var(--delay); animation-direction: var(--direction); }

@keyframes scroll { 
  0% { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}

.rfm-initial-child-container { flex: 0 0 auto; display: flex; min-width: auto; flex-direction: row; align-items: center; }

.rfm-child { transform: var(--transform); }