@layer base{.base-carousel-dot{background:var(--wireframe-8);border-radius:50%;height:1rem;transition:background .25s;width:1rem}[data-section-background=dark] .base-carousel-dot{background:#fff}.base-carousel-dot.active-base-carousel-dot{background:var(--wireframe-4)}[data-whatintent=keyboard] .base-carousel-dot:focus,[data-whatintent=mouse] .base-carousel-dot:hover,[data-whatintent=touch] .base-carousel-dot:active{background:var(--wireframe-6)}}