.elementor-widget.elementor-element.marquee {
  --gap: 1rem;
  width: 100%;
  
  &.e-con.e-parent .e-con-inner {
    white-space: nowrap;
    position: relative;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: 0;
  }
  
  &.elementor-widget-text-editor .elementor-widget-container {
    white-space: nowrap;
    position: relative;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: 0;
  }
  
  .marquee__content {
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    min-width: 100%;
    gap: var(--gap);
    
    &:is(ul) {
      list-style: none;
      padding: 0;
      padding-right: var(--gap);
      box-sizing: content-box;
      
      > li {
        &:before {
          content: none;
        }
      }
    }
  }

  .marquee__content--clone {
    margin-left: calc(-1 * var(--gap));
  }
  
  &.marquee--hover-pause:hover .marquee__content {
    animation-play-state: paused;
  }
}

.marquee__content {
  animation: scroll 30s linear infinite;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}