:root{--scroll-start:0;--scroll-end:calc(-100%)}.marquee{display:flex;animation:opacityChangeMarquee 1s;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-height:100%;-webkit-mask-image:linear-gradient(var(--mask-direction,to right),transparent,#000 5%,#000 80%,transparent);mask-image:linear-gradient(var(--mask-direction,to right),transparent,#000 5%,#000 80%,transparent)}.marquee__group{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;animation:scroll-x var(--duration) linear infinite}@media (prefers-reduced-motion:reduce){.marquee__group{animation-play-state:paused}}.marquee--vertical{--mask-direction:to bottom}.marquee--vertical,.marquee--vertical .marquee__group{flex-direction:column}.marquee--vertical .marquee__group{animation-name:scroll-y}.marquee--reverse .marquee__group{animation-direction:reverse;animation-delay:-3s}@keyframes opacityChangeMarquee{0%{opacity:0}to{opacity:1}}@keyframes scroll-x{0%{transform:translateX(var(--scroll-start))}to{transform:translateX(var(--scroll-end))}}@keyframes scroll-y{0%{transform:translateY(var(--scroll-start))}to{transform:translateY(var(--scroll-end))}}.hero_section_carousal{background-color:#dadacf;margin:5px 2px;border-radius:10px;aspect-ratio:9/13;-o-object-fit:contain;object-fit:contain}@keyframes fade{to{opacity:0;visibility:hidden}}