.carousel-dots{justify-content:center;align-items:center;gap:var(--space-150);width:100%;display:none;position:absolute;inset-block-end:0;inset-inline-start:0}.carousel-dots__item{background-color:var(--color-medium-grey);cursor:pointer;width:1.875rem;height:2px;transition:background-color var(--animation-base), width var(--animation-base);opacity:.3;position:relative}.carousel-dots__item.is-active{opacity:1;background-color:var(--color-black)}.carousel-dots__button{cursor:pointer;width:100%;height:100%;display:block;position:relative}.carousel-dots__button:after{content:"";position:absolute;inset-block:-8px;inset-inline:0}.carousel--dots-light .carousel-dots__item,.carousel--dots-light .carousel-dots__item.is-active{background-color:var(--color-white)}