.ui-dots{justify-content:center;gap:var(--ui-dot-gap,var(--d7-space-12));display:flex}.ui-dot{inline-size:var(--d7-carousel-dot);block-size:var(--ui-dot-touch,var(--d7-touch));margin-block:calc((var(--d7-carousel-dot) - var(--ui-dot-touch,var(--d7-touch))) / 2);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:inline-size var(--d7-dur-switch) var(--d7-carousel-ease-fade);background:0 0;border:0;place-items:center;padding:0;display:grid}.ui-dot:before{content:"";inline-size:100%;block-size:var(--d7-carousel-dot);border-radius:var(--d7-radius-pill);background:var(--ui-dot,var(--d7-rule-strong));transition:background-color var(--d7-dur-switch) var(--d7-carousel-ease-fade), transform var(--d7-dur-press) var(--d7-ease-press)}.ui-dot[aria-current=true]{inline-size:var(--d7-carousel-dot-active-w)}.ui-dot[aria-current=true]:before{background:var(--ui-dot-current,var(--d7-text))}.ui-dot:active:before{transform:scale(var(--d7-carousel-dot-press))}.ui-dot:disabled{cursor:default}@media (prefers-reduced-motion:reduce){.ui-dot,.ui-dot:before{transition-duration:var(--d7-dur-reduced)}.ui-dot:active:before{transform:none}}