/* MoxKit image-marquee widget. */
/* Image Marquee widget */
.moxkit-imarquee{--moxkit-imarquee-gap:32px;overflow:hidden}
.moxkit-imarquee-viewport{overflow:hidden}
.moxkit-imarquee--horizontal .moxkit-imarquee-viewport{width:100%}
.moxkit-imarquee--vertical .moxkit-imarquee-viewport{height:360px}
.moxkit-imarquee-track{display:flex;width:max-content;will-change:transform}
.moxkit-imarquee--horizontal .moxkit-imarquee-track{flex-direction:row;animation:moxkit-imarquee-x var(--moxkit-imarquee-duration,25s) linear infinite}
.moxkit-imarquee--vertical .moxkit-imarquee-track{flex-direction:column;width:auto;height:max-content;animation:moxkit-imarquee-y var(--moxkit-imarquee-duration,25s) linear infinite}
.moxkit-imarquee--reverse .moxkit-imarquee-track{animation-direction:reverse}
.moxkit-imarquee[data-pause="yes"]:hover .moxkit-imarquee-track{animation-play-state:paused}
.moxkit-imarquee-group{display:flex;align-items:var(--moxkit-imarquee-align,center)}
.moxkit-imarquee--horizontal .moxkit-imarquee-group{flex-direction:row;gap:var(--moxkit-imarquee-gap);padding-right:var(--moxkit-imarquee-gap)}
.moxkit-imarquee--vertical .moxkit-imarquee-group{flex-direction:column;gap:var(--moxkit-imarquee-gap);padding-bottom:var(--moxkit-imarquee-gap)}
.moxkit-imarquee-item{display:flex;flex:0 0 auto;align-items:center;justify-content:center}
.moxkit-imarquee--horizontal .moxkit-imarquee-item{align-items:var(--moxkit-imarquee-align,center)}
.moxkit-imarquee--vertical .moxkit-imarquee-track{direction:ltr}
.moxkit-imarquee-item a{display:flex}
.moxkit-imarquee-item img{display:block;height:56px;width:auto;max-width:100%;object-fit:contain;object-position:var(--moxkit-imarquee-pos,center);transition:filter .3s ease,opacity .3s ease}
/* Arc shape: assets/js/image-marquee.js moves the track and places each image on the arc. */
.moxkit-imarquee--arc .moxkit-imarquee-track{position:relative}
.moxkit-imarquee--arc.is-arc-ready .moxkit-imarquee-track{animation-name:none}
.moxkit-imarquee--arc .moxkit-imarquee-item{will-change:transform}
@media(prefers-reduced-motion:reduce){
 .moxkit-imarquee-track{animation:none}
 .moxkit-imarquee-group[aria-hidden="true"]{display:none}
 .moxkit-imarquee-item img{transition:none}
}
@keyframes moxkit-imarquee-x{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes moxkit-imarquee-y{from{transform:translateY(0)}to{transform:translateY(-50%)}}
