.vesna-marquee{
  --vesna-marquee-gap:36px;
  --vesna-marquee-text:#111;
  --vesna-marquee-text-hover:var(--vesna-marquee-text);
  --vesna-marquee-stroke:#111;
  --vesna-marquee-stroke-width:1px;
  --vesna-marquee-image-w:320px;
  --vesna-marquee-image-h:220px;
  --vesna-marquee-image-x:50%;
  --vesna-marquee-image-y:50%;
  --vesna-marquee-image-hover-scale:1;
  --vesna-marquee-image-hover-opacity:1;
  --vesna-marquee-image-hover-duration:.35s;
  --vesna-marquee-fade:8%;
  --vesna-marquee-line:rgba(17,17,17,.22);
  --vesna-marquee-line-w:1px;
  position:relative;
  width:100%;
  max-width:100%;
}
.vesna-marquee__viewport{
  position:relative;
  width:100%;
  max-width:100%;
  overflow:hidden;
  box-sizing:border-box;
}
.vesna-marquee.has-top-line .vesna-marquee__viewport{border-top:var(--vesna-marquee-line-w) solid var(--vesna-marquee-line)}
.vesna-marquee.has-bottom-line .vesna-marquee__viewport{border-bottom:var(--vesna-marquee-line-w) solid var(--vesna-marquee-line)}
.vesna-marquee__track{
  display:flex;
  flex:none;
  gap:var(--vesna-marquee-gap);
  width:max-content;
  will-change:transform;
  transform:translate3d(0,0,0);
}
.vesna-marquee__group{
  display:flex;
  flex:none;
  gap:var(--vesna-marquee-gap);
  width:max-content;
  min-width:max-content;
}
.vesna-marquee--horizontal .vesna-marquee__track,
.vesna-marquee--horizontal .vesna-marquee__group{
  flex-direction:row;
}
.vesna-marquee--horizontal .vesna-marquee__track{align-items:center}
.vesna-marquee--vertical .vesna-marquee__track,
.vesna-marquee--vertical .vesna-marquee__group{
  flex-direction:column;
  width:100%;
  min-width:0;
}
.vesna-marquee--vertical .vesna-marquee__track{height:max-content}
.vesna-marquee--vertical .vesna-marquee__group{height:max-content;min-height:max-content}
.vesna-marquee__item{flex:none;box-sizing:border-box;text-decoration:none}
.vesna-marquee__text{
  display:inline-flex;
  align-items:center;
  color:var(--vesna-marquee-text);
  white-space:nowrap;
  transition:color .25s ease;
}
.vesna-marquee__text:hover{color:var(--vesna-marquee-text-hover)}
.vesna-marquee.allows-text-wrap .vesna-marquee__text{white-space:normal}
.vesna-marquee.has-text-stroke .vesna-marquee__text{
  -webkit-text-stroke:var(--vesna-marquee-stroke-width) var(--vesna-marquee-stroke);
  paint-order:stroke fill;
}
.vesna-marquee.has-transparent-text .vesna-marquee__text{
  color:transparent;
  -webkit-text-fill-color:transparent;
}
.vesna-marquee__image{
  display:block;
  width:var(--vesna-marquee-image-w);
  height:var(--vesna-marquee-image-h);
  overflow:hidden;
  line-height:0;
}
.vesna-marquee__image img{
  display:block;
  width:100%;
  height:100%;
  object-position:var(--vesna-marquee-image-x) var(--vesna-marquee-image-y);
  transform:scale(1);
  opacity:1;
  transition:transform var(--vesna-marquee-image-hover-duration) ease,opacity var(--vesna-marquee-image-hover-duration) ease;
}
.vesna-marquee__image:hover img{
  transform:scale(var(--vesna-marquee-image-hover-scale));
  opacity:var(--vesna-marquee-image-hover-opacity);
}
.vesna-marquee.has-edge-fade.vesna-marquee--horizontal .vesna-marquee__viewport{
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--vesna-marquee-fade),#000 calc(100% - var(--vesna-marquee-fade)),transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 var(--vesna-marquee-fade),#000 calc(100% - var(--vesna-marquee-fade)),transparent 100%);
}
.vesna-marquee.has-edge-fade.vesna-marquee--vertical .vesna-marquee__viewport{
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--vesna-marquee-fade),#000 calc(100% - var(--vesna-marquee-fade)),transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 var(--vesna-marquee-fade),#000 calc(100% - var(--vesna-marquee-fade)),transparent 100%);
}
.vesna-marquee__clone,
.vesna-marquee__clone *{pointer-events:none}
.vesna-marquee.is-static .vesna-marquee__track{transform:none!important;will-change:auto}
@media(max-width:767px){
  .vesna-marquee__text{max-width:88vw}
}
@media(prefers-reduced-motion:reduce){
  .vesna-marquee[data-reduced-motion="yes"] .vesna-marquee__track{transform:none!important;will-change:auto}
}