.weaves .weave-grid.mk-fabric-marquee{--fabric-card-width:272px;display:block;overflow:hidden;scroll-snap-type:none;padding:0;border:0;background:none}
.mk-fabric-track{display:flex;width:max-content;animation:mk-fabric-scroll 42s linear infinite;will-change:transform}
.mk-fabric-group{display:flex;gap:16px;padding-right:16px;flex:none;align-items:stretch}
.weaves .mk-fabric-group>.weave{flex:0 0 var(--fabric-card-width);width:var(--fabric-card-width);max-width:none;scroll-snap-align:none}
.mk-fabric-marquee:hover .mk-fabric-track{animation-play-state:paused}
.weaves .weave-grid.mk-fabric-marquee:focus-visible{overflow-x:auto}
.mk-fabric-marquee:focus-visible .mk-fabric-track{animation:none;transform:none}
.mk-fabric-marquee:focus-visible .mk-fabric-copy{display:none}
.mk-fabric-marquee:focus-visible{outline:2px solid #f49237;outline-offset:5px}
@media(min-width:1695px){.weaves .weave-grid.mk-fabric-marquee{--fabric-card-width:calc(17vw - 16px)}}
@keyframes mk-fabric-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:760px){.weaves .weave-grid.mk-fabric-marquee{--fabric-card-width:min(270px,78vw)}}
@media(prefers-reduced-motion:reduce){
  .weaves .weave-grid.mk-fabric-marquee{overflow-x:auto}
  .mk-fabric-track{animation:none;transform:none;will-change:auto}
  .mk-fabric-copy{display:none}
}