.carousel .dots{position:absolute;bottom:.5rem;left:0;right:0;display:flex;align-items:center;justify-content:center;>div{position:relative}>div{height:1rem}>div{width:1rem}>div{cursor:pointer}>div{&:after{position:absolute}&:after{height:.25rem}&:after{width:.25rem}&:after{border-radius:9999px}&:after{--tw-bg-opacity: 1;background-color:rgb(163 163 163 / var(--tw-bg-opacity, 1))}&:after{mix-blend-mode:difference}&:after{content:""}&[data-active=false]:after{left:6px}&[data-active=false]:after{top:6px}&[data-active=true]:after{left:4px}&[data-active=true]:after{top:4px}&[data-active=true]:after{height:.5rem}&[data-active=true]:after{width:.5rem}}}