.carousel-dots{z-index:3;pointer-events:none;gap:.8rem;display:flex;position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%)}@media (min-width:768px){.carousel-dots{display:none}}.carousel-dots__dot{cursor:pointer;pointer-events:auto;background:#ffffffb3;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s;position:relative}.carousel-dots__dot:after{content:"";position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}.carousel-dots__dot--active{background:#fff;border-radius:4px;width:24px}