:root{--f-carousel-dots-position:absolute;--f-carousel-dots-top:100%;--f-carousel-dots-bottom:auto;--f-carousel-dots-width:24px;--f-carousel-dots-height:24px;--f-carousel-dots-z-index:3;--f-carousel-dot-width:8px;--f-carousel-dot-height:8px;--f-carousel-dot-border-radius:100%;--f-carousel-dot-bg:currentColor;--f-carousel-dot-hover-bg:currentColor;--f-carousel-dot-selected-bg:currentColor;--f-carousel-dot-opacity:.4;--f-carousel-dot-hover-opacity:.8;--f-carousel-dot-selected-opacity:1;--f-carousel-dot-transition:all .25s ease}.f-carousel.has-dots{margin-bottom:var(--f-carousel-dots-height)}.f-carousel__dots{bottom:var(--f-carousel-dots-bottom);display:flex;flex-wrap:wrap;gap:var(--f-carousel-dots-gap,0);justify-content:center;left:0;position:var(--f-carousel-dots-position);right:0;top:var(--f-carousel-dots-top);z-index:var(--f-carousel-dots-z-index)}.in-expanded-mode>.f-carousel__dots,.in-fullscreen-mode>.f-carousel__dots{bottom:0;top:auto}.f-carousel__dot{background-color:transparent;border:0;color:currentColor;display:block;height:var(--f-carousel-dots-height);margin:0;opacity:var(--f-carousel-dot-opacity);padding:0;position:relative;transition:var(--f-carousel-dot-transition);width:var(--f-carousel-dots-width)}.f-carousel__dot:after{background-color:var(--f-carousel-dot-bg);border-radius:var(--f-carousel-dot-border-radius);content:"";height:var(--f-carousel-dot-height);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);transform-origin:center center;transition:inherit;width:var(--f-carousel-dot-width)}.f-carousel__dot:hover{cursor:pointer;opacity:var(--f-carousel-dot-hover-opacity)}.f-carousel__dot:hover:after{background-color:var(--f-carousel-dot-hover-bg)}.f-carousel__dot[aria-current]{opacity:var(--f-carousel-dot-selected-opacity,1)}.f-carousel__dot[aria-current]:after{background-color:var(--f-carousel-dot-selected-bg)}.f-carousel__dot.small:after{transform:translate(-50%,-50%) scale(.65)}.f-carousel__dot.micro:after{transform:translate(-50%,-50%) scale(.34)}.f-carousel__dot.hidden{width:0}.f-carousel__dot.hidden:after{transform:translate(-50%,-50%) scale(0)}.f-carousel__dot:first-child.active,.f-carousel__dot:first-child.padd{margin-left:calc(var(--f-carousel-dots-width)*2)}.f-carousel__dot:first-child.small{margin-left:calc(var(--f-carousel-dots-width)*1)}