.ff-slider-container{--ff-container-width: 100%;--ff-slider-dots-padding-block: 1rem;--ff-dots-display: flex;--ff-arrow-display: block;--ff-arrow-width: 24px;--ff-arrow-height: 24px;--ff-progress-bar-display: none;--ff-progress-bar-width: 100px;--ff-slider-bg-color: #D9D9D9;display:block;position:relative;width:var(--ff-container-width);margin:var(--ff-container-margin);transition:opacity 1s}.ff-slider-container .swiper{padding-bottom:var(--ff-swiper-padding-bottom);width:var(--ff-swiper-width);height:var(--ff-swiper-height)}.ff-slider-uninitialized .swiper-wrapper{display:var(--ff-swiper-wrapper-display);column-gap:var(--ff-swiper-wrapper-column-gap)}.ff-slider-container .swiper-wrapper{padding:unset;margin:unset}.ff-slider-container .swiper-slide{box-sizing:border-box;min-height:var(--ff-slide-resize-height)}.ff-slider-uninitialized .swiper-slide{width:var(--ff-slide-width)}.ff-slider-container .swiper-slide{box-sizing:border-box;height:unset}.ff-slider-container .ff-slider_arrow-button-prev,.ff-slider-container .ff-slider_arrow-button-next{cursor:pointer;z-index:1;position:absolute;top:50%;transform:translateY(-50%);display:var(--ff-arrow-display);justify-content:center;align-items:center;box-sizing:content-box;width:var(--ff-arrow-width);height:var(--ff-arrow-height);border-radius:var(--ff-slider-arrows-border-radius);border:var(--ff-arrow-border);outline:none;padding:var(--ff-arrow-ptb) var(--ff-arrow-plr);color:var(--ff-arrow-color);background:var(--ff-arrow-bg)}.ff-slider-container.ff-slider-container--show-arrows-on-hover .ff-slider_arrow-button-next,.ff-slider-container.ff-slider-container--show-arrows-on-hover .ff-slider_arrow-button-prev{opacity:0;pointer-events:none;transition:transform .2s linear,opacity .1s linear}.ff-slider-container--show-arrows-on-hover .ff-slider_arrow-button-next{transform:translate(200%,-50%)}.ff-slider-container--show-arrows-on-hover .ff-slider_arrow-button-prev{transform:translate(-200%,-50%)}.ff-slider-container.ff-slider-container--show-arrows-on-hover:hover .ff-slider_arrow-button-next,.ff-slider-container.ff-slider-container--show-arrows-on-hover:hover .ff-slider_arrow-button-prev{pointer-events:all;opacity:inherit;transform:translateY(-50%)}.ff-slider-container .ff-slider_arrow-button-prev{left:0}.ff-slider-container .ff-slider_arrow-button-next{right:0}.ff-slider-container .ff-slider_arrow-button-icon{width:100%;height:100%}.ff-slider-container .ff-slider_arrow-button-prev .ff-slider_arrow-button-icon{transform:scaleX(-1)}.ff-slider_header-cta-arrows-progress,.ff-slider_header-cta-arrows-progress_arrows_progress{display:flex;flex-direction:row;justify-content:space-between;align-items:center;column-gap:5px}.ff-slider_header-cta-arrows-progress_cta-arrows-progress{display:flex;flex-direction:column;justify-content:space-between}.ff-slider-container .ff-slider-progress{display:var(--ff-progress-bar-display);flex-direction:column;justify-content:center;row-gap:5px;width:var(--ff-progress-bar-width);height:var(--ff-slider-progress-height)}.ff-slider-progress_msg{display:flex;height:10px;width:fit-content;color:var(--ff-slider-progressbar-status-color)}span.ff-slider-progress_character{position:relative;line-height:1;font-size:10px}.ff-slider-progress_character:after{line-height:1;font-size:10px;position:absolute;left:0;width:100%;height:100%;background:var(--ff-slider-bg-color)}.ff-slider-progress_character:nth-child(2):after{opacity:0;content:"^";-webkit-animation:ff-percentage-change-random-characters-first .4s 1 forwards;animation:ff-percentage-change-random-characters-first .4s 1 forwards;animation-iteration-count:1;animation-fill-mode:forwards}.ff-slider-progress_character:nth-child(3):after{opacity:0;content:"#";-webkit-animation:ff-percentage-change-random-characters-second .6s 1 forwards;animation:ff-percentage-change-random-characters-second .6s 1 forwards;animation-iteration-count:1;animation-fill-mode:forwards}.ff-slider-progress_character:nth-child(4):after{opacity:0;content:"+";-webkit-animation:ff-percentage-change-random-characters-third .8s 1 forwards;animation:ff-percentage-change-random-characters-third .8s 1 forwards;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes ff-percentage-change-random-characters-first{0%{content:"+";opacity:1}20%{content:"."}40%{content:"0"}60%{content:"("}80%{content:"9"}99%{content:"*";opacity:1}to{opacity:0}}@keyframes ff-percentage-change-random-characters-second{0%{content:"^";opacity:1}14%{content:"4"}28%{content:"+"}42%{content:"0"}56%{content:"<"}70%{content:"#"}84%{content:"7"}99%{content:")";opacity:1}to{opacity:0}}@keyframes ff-percentage-change-random-characters-third{0%{content:"#";opacity:1}10%{content:"1"}20%{content:"2"}30%{content:"8"}40%{content:"\221a"}50%{content:"e"}60%{content:"9"}70%{content:"8"}80%{content:"0"}90%{content:"<"}99%{content:"*";opacity:1}to{opacity:0}}.ff-slider-progress_bar{position:relative;overflow:hidden;width:100%;height:1px;border-radius:10px;background-color:var(--ff-slider-progressbar-color)}.ff-slider-progress_bar:after{content:"";position:absolute;left:0;top:0;width:var(--ff-slider-progress-status-width);height:7px;transform-origin:left top;background-color:var(--ff-slider-progressbar-status-color)}.ff-slider-container .swiper .ff-slider_dots{pointer-events:none;display:var(--ff-dots-display);justify-content:center;flex-wrap:wrap;position:absolute;z-index:1;top:unset;left:50%;bottom:0;transform:translate(-50%);padding-top:var(--ff-slider-dots-padding-block);padding-bottom:var(--ff-slider-dots-padding-block)}.ff-slider-container .ff-slider_dots:not(:has(>*:nth-child(2))){display:none}.ff-slider-container .ff-slider_dot{pointer-events:all;cursor:pointer;display:inline-block;width:var(--ff-dot-width);height:var(--ff-dot-height);margin-inline:4px;border-radius:100%;border:1px solid var(--ff-dot-border-color);box-shadow:1px 1px var(--ff-dot-border-shadow),-1px 1px var(--ff-dot-border-shadow),1px -1px var(--ff-dot-border-shadow),-1px -1px var(--ff-dot-border-shadow);background-color:var(--ff-dot-background-color);color:var(--ff-dot-color)}
/*# sourceMappingURL=/cdn/shop/t/29/assets/ff-slider.css.map */