const HeroClientsLogos_vue_vue_type_style_index_0_scoped_458f4a60_lang = ".marquee-container[data-v-458f4a60]{-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);overflow:hidden;position:relative;width:100%}.marquee-content[data-v-458f4a60]{gap:1.75rem;will-change:transform}.logo-item[data-v-458f4a60],.marquee-content[data-v-458f4a60]{align-items:center;display:flex}.logo-item[data-v-458f4a60]{flex:0 0 var(--logo-width);height:64px;justify-content:center}.marquee-content[data-v-458f4a60]:hover{animation-play-state:paused}.marquee-ltr[data-v-458f4a60]{animation:marquee-ltr-458f4a60 100s linear infinite}.marquee-rtl[data-v-458f4a60]{animation:marquee-rtl-458f4a60 100s linear infinite}@keyframes marquee-ltr-458f4a60{0%{transform:translate(0)}to{transform:translate(calc((var(--logo-width)*-1 + -28px)*var(--logo-count)))}}@keyframes marquee-rtl-458f4a60{0%{transform:translate(0)}to{transform:translate(calc((var(--logo-width) + 28px)*var(--logo-count)))}}";
export {
  HeroClientsLogos_vue_vue_type_style_index_0_scoped_458f4a60_lang as default
};
//# sourceMappingURL=HeroClientsLogos-styles-1.mjs-niLp_Uc2.js.map
