.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}.carousel-dots__dot--active{background:#fff;border-radius:4px;width:24px}