.hero-carousel{--hero-bullet:#9fd4b0;--hero-bullet-active:#3cb371;--hero-pagination-bg:#ffffffeb}.dark .hero-carousel{--hero-bullet:#6ee7a073;--hero-bullet-active:#6ee7a0;--hero-pagination-bg:#1a2218e0}.hero-carousel-pagination{z-index:10;background:var(--hero-pagination-bg);border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem .875rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #0f14101a}.hero-carousel-bullet{background:var(--hero-bullet);cursor:pointer;border:none;border-radius:9999px;flex-shrink:0;width:.5rem;height:.5rem;padding:0;transition:width .3s,background-color .3s;display:block}.hero-carousel-bullet-active{background:var(--hero-bullet-active);width:1.75rem}.hero-carousel-bullet:focus-visible{outline:2px solid var(--hero-bullet-active);outline-offset:2px}@media (min-width:640px){.hero-carousel-pagination{gap:.625rem;padding:.5625rem 1rem;bottom:1.25rem}.hero-carousel-bullet{width:.5625rem;height:.5625rem}.hero-carousel-bullet-active{width:2rem}}