.carousel-pagination{justify-content:center;align-items:center;gap:.375rem;display:flex}.carousel-pagination .swiper-pagination-bullet{appearance:none;background:var(--muted-foreground);opacity:.3;cursor:pointer;border:0;border-radius:9999px;width:8px;height:8px;margin:0;padding:0;transition:opacity .45s cubic-bezier(.22,1,.36,1),width .45s cubic-bezier(.22,1,.36,1),background .45s cubic-bezier(.22,1,.36,1);display:inline-block;position:relative}.carousel-pagination .swiper-pagination-bullet:before{content:"";position:absolute;inset:-8px -4px}.carousel-pagination .swiper-pagination-bullet-active{opacity:1;background:var(--foreground)}.carousel-pagination:not(.carousel-pagination--auto) .swiper-pagination-bullet-active{width:32px}@media (hover:hover){.carousel-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover{opacity:.6;width:18px}}.carousel-pagination--auto .swiper-pagination-bullet-active{background:color-mix(in srgb, var(--foreground) 28%, transparent);width:40px;overflow:hidden}.carousel-pagination--auto .swiper-pagination-bullet-active:after{content:"";border-radius:inherit;background:var(--foreground);transform-origin:0;will-change:transform;animation:carousel-pagination-fill var(--cp-duration,5s) linear forwards;position:absolute;inset:0;transform:scaleX(0)}@keyframes carousel-pagination-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.carousel-pagination--auto .swiper-pagination-bullet-active:after{animation:none;transform:scaleX(1)}}
