.hero-carousel{position:relative}.hero-carousel .swiper,.hero-carousel .swiper-wrapper,.hero-carousel .swiper-slide{height:auto}.hero-carousel[data-banner-size=large] img{object-fit:cover;object-position:top center}.hero-carousel[data-banner-size=small] img{object-fit:contain;object-position:center}.hero-carousel .swiper-pagination{inset-block-end:var(--space-12);justify-content:center;align-items:center;gap:var(--space-8);border-radius:var(--radius-full);background:color-mix(in srgb, var(--neutral-900) 40%, transparent);width:fit-content;padding-inline:var(--space-8);padding-block:var(--space-4);direction:ltr;display:flex;top:auto;left:50%;right:auto;transform:translate(-50%)}.hero-carousel .swiper-pagination-bullet{width:var(--space-8);height:var(--space-8);background:var(--color-primary-foreground);opacity:.5;border-radius:var(--radius-full);margin:0}.hero-carousel .swiper-pagination-bullet-active{width:var(--space-20);opacity:1;background:var(--color-primary-foreground)}.hero-carousel .swiper-pagination-bullet:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.hero-carousel .swiper-wrapper{transition-duration:0s}}