:root{--carousel-gap: 16}.f-carousel{display:block;height:auto;position:relative;width:100%;scroll-margin-top:84px}.f-carousel__arrow{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(35,35,35,.6) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M15.414 20.828 7 12.414 15.414 4l1.414 1.414-7 7 7 7z%27/%3E%3C/svg%3E") no-repeat center/calc(16 / var(--font-size) * 1rem);border-radius:50%;border:1px solid #fff;display:block;height:calc(40 / var(--font-size) * 1rem);margin:0 calc(10 / var(--font-size) * 1rem);position:absolute;top:50%;transform:translateY(-50%);width:calc(40 / var(--font-size) * 1rem);z-index:1}.f-carousel__arrow--prev{left:0}.f-carousel__arrow--next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M9 20.414 7.586 19l7-7-7-7L9 3.586 17.414 12z%27/%3E%3C/svg%3E");right:calc(var(--grid-gap)*-1)}.f-carousel__arrow:not([aria-disabled]):hover{transform:translateY(-50%) scale(1.1)}.f-carousel__arrow[aria-disabled]{opacity:.2;cursor:default}.f-carousel__scroller{display:grid;gap:calc(var(--carousel-gap) / var(--font-size) * 1rem);grid-auto-flow:column;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;overflow:auto hidden;scroll-snap-type:x mandatory;margin-right:calc(var(--grid-gap)*-1)}.f-carousel__scroller>*{scroll-snap-align:start}.f-carousel__scroller::after{content:"";margin:0 0 0 -1px;min-width:1px}.f-carousel__slideControls{bottom:0;display:flex;gap:calc(5 / var(--font-size) * 1rem);left:50%;margin-bottom:calc(15 / var(--font-size) * 1rem);position:absolute;transform:translateX(-50%);z-index:1}.f-carousel__buttonControl{align-items:center;background:#d8d8d8;border-radius:50%;border:none;box-shadow:0 0 1px rgba(0,0,0,.5);cursor:pointer;display:flex;font-size:calc(12 / var(--font-size) * 1rem);height:calc(16 / var(--font-size) * 1rem);justify-content:center;width:calc(16 / var(--font-size) * 1rem)}.f-carousel__buttonControl[aria-selected=true]{background-color:#f5b027}.f-carousel__progress{--duration: 7s;position:absolute;left:0;top:0;width:100%;height:5px}.f-carousel__progressContent{left:0;width:100%;height:100%;background-color:#f5b027;transform-origin:left;transform:scaleX(0);animation:var(--duration) linear timerProgess infinite}@keyframes timerProgess{from{transform:scaleX(0)}to{transform:scaleX(1)}}.f-carousel:hover .f-carousel__progress .f-carousel__progressContent{animation-play-state:paused}.f-carousel.--js .f-carousel__scroller{-webkit-overflow-scrolling:touch;scrollbar-color:rgba(0,0,0,0);scrollbar-width:none}.f-carousel.--js .f-carousel__scroller::-webkit-scrollbar{display:none}.f-carousel:not(.--js) .f-carousel__arrow,.f-carousel:not(.--js) .f-carousel__progress{display:none}

/*# sourceMappingURL=Carousel.css.map*/