/* Ticker viewport container to crop overflow */
.idm_ticker_viewport {
  overflow: hidden;
  width: 100%;
  position: relative;
  direction: ltr !important;
}

/* Flex track containing duplicated groups for infinite visual loop */
.idm_ticker_track {
  display: flex;
  flex-direction: row;
  width: max-content;
  will-change: transform;
  /* Animates dynamically using custom properties: --idm-ticker-duration and --idm-ticker-gap */
  animation: idm-ticker-scroll var(--idm-ticker-duration, 20s) linear infinite;
  gap: 0 !important;
  direction: ltr !important;
}

/* Pause scroll animation when hover is active (only if enabled in settings) */
.idm_ticker_pause_on_hover:hover .idm_ticker_track {
  animation-play-state: paused;
}

/* Pause the animation in Visual Builder editing mode to allow easy selection and editing of items */
.et-fb-editable-mode .idm_ticker_track {
  animation-play-state: paused !important;
}

/* Infinite loop scroll keyframes */
@keyframes idm-ticker-scroll {
  0% {
    transform: translateX(var(--idm-ticker-start, 0px));
  }
  100% {
    transform: translateX(var(--idm-ticker-end, var(--idm-ticker-translate, -50%)));
  }
}

/* Group wrapper for a single set of items */
.idm_ticker_group {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  gap: var(--idm-ticker-gap, 20px);
  padding-right: var(--idm-ticker-gap, 20px);
  box-sizing: border-box;
  direction: ltr !important;
}

/* Individual ticker item container */
.idm_ticker_group > * {
  flex-shrink: 0;
  display: inline-block;
  box-sizing: border-box;
  width: auto !important;
  max-width: none !important;
}
