.CarouselNav{--progressIndicatorIndex:0;--mirroredProgressIndicatorIndex:0;display:flex;justify-content:center;position:relative}.CarouselNav__indicatorControlList{position:absolute;top:-2px;z-index:1;display:flex;-moz-column-gap:4px;column-gap:4px;padding:0;margin:0;list-style:none}.CarouselNav__controlButton{position:relative;display:block;outline:none;background:none;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;padding:0;height:6px;width:24px}.CarouselNav__controlButton:before{content:"";position:absolute;top:0;right:-2px;bottom:0;left:-2px;box-shadow:var(--focusBoxShadow);opacity:0;transition:var(--hoverTransition);transition-property:opacity}.CarouselNav__controlButton:after{content:"";position:absolute;inset:-40px 0}.CarouselNav__controlButton:focus-visible{outline:none}.CarouselNav__controlButton:focus-visible:before{opacity:1}.CarouselNav__progressBar{pointer-events:none}.CarouselNav__progressIndicator{transition:var(--progressTransition,transform .35s ease);transform:translateX(calc(var(--progressIndicatorIndex)*28px))}.CarouselNav__progressIndicator--mirrored{transform:translateX(calc(var(--mirroredProgressIndicatorIndex)*28px))}