/* Image Marquee Widget – style.css
   Plugin: Image Marquee Widget by Harshad Dhale
   Version: 1.0.0
*/

.imq-de2dec3a-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.imq-de2dec3a-track {
    display: flex;
    align-items: center;
    width: max-content;
    will-change: transform;
}

/* Left direction (default) */
.imq-de2dec3a-track.imq-de2dec3a-dir-left {
    animation: imqScrollLeft_de2dec3a 20s linear infinite;
}

/* Right direction */
.imq-de2dec3a-track.imq-de2dec3a-dir-right {
    animation: imqScrollRight_de2dec3a 20s linear infinite;
}

/* Pause on hover */
.imq-de2dec3a-wrapper[data-pause="yes"]:hover .imq-de2dec3a-track {
    animation-play-state: paused;
}

.imq-de2dec3a-image {
    display: block;
    flex-shrink: 0;
    object-fit: cover;
}

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

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