.f-button.is-arrow{--f-button-width:var(--f-arrow-width,46px);--f-button-height:var(--f-arrow-height,46px);--f-button-svg-width:var(--f-arrow-svg-width,24px);--f-button-svg-height:var(--f-arrow-svg-height,24px);--f-button-svg-stroke-width:var(--f-arrow-svg-stroke-width,1.75);--f-button-border-radius:var(--f-arrow-border-radius,unset);--f-button-bg:var(--f-arrow-bg,transparent);--f-button-hover-bg:var(--f-arrow-hover-bg,var(--f-arrow-bg));--f-button-active-bg:var(--f-arrow-active-bg,var(--f-arrow-hover-bg));--f-button-shadow:var(--f-arrow-shadow);--f-button-color:var(--f-arrow-color);--f-button-hover-color:var(--f-arrow-hover-color,var(--f-arrow-color));--f-button-active-color:var(--f-arrow-active-color,var(--f-arrow-hover-color));overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{z-index:20;position:absolute;transform:translate(0)}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos,0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos,0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos,0);transform:translateY(-50%)rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos,0);transform:translateY(-50%)rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos,0);bottom:auto;left:50%;right:auto;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos,0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}
: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{position:var(--f-carousel-dots-position);top:var(--f-carousel-dots-top);right:0;bottom:var(--f-carousel-dots-bottom);z-index:var(--f-carousel-dots-z-index);justify-content:center;gap:var(--f-carousel-dots-gap,0);flex-wrap:wrap;display:flex;left:0}.in-fullscreen-mode>.f-carousel__dots,.in-expanded-mode>.f-carousel__dots{top:auto;bottom:0}.f-carousel__dot{width:var(--f-carousel-dots-width);height:var(--f-carousel-dots-height);opacity:var(--f-carousel-dot-opacity);color:currentColor;transition:var(--f-carousel-dot-transition);background-color:#0000;border:0;margin:0;padding:0;display:block;position:relative}.f-carousel__dot:after{content:"";transform-origin:50%;width:var(--f-carousel-dot-width);height:var(--f-carousel-dot-height);background-color:var(--f-carousel-dot-bg);border-radius:var(--f-carousel-dot-border-radius);transition:inherit;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.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)}