.f_slider-box{flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-bottom:1rem;width:100%;height:100%;display:flex}.f_slider{height:100%;width:28rem!important;min-width:28rem;max-width:fit-content!important;display:inline-block}.f_btn-secondary--brand-story{margin-left:auto;margin-right:auto;margin-top:12px}@media screen and (min-width:500px){.f_slider{width:50%!important;max-width:50%!important}}.f_slider.grid__item{padding:0}.f_slider__card{position:relative;padding:1rem}.f_slider__link{display:flex}.f_slider__img{width:100%;height:18rem;border-radius:var(--f_border-radius-large);box-shadow:var(--f_box-shadow-darken);filter:brightness(100%)}@media screen and (min-width:500px){.f_slider__img{height:15rem}}@media screen and (min-width:750px){.f_slider__img{height:18rem}}@media screen and (min-width:991px){.f_slider__img{height:25rem}}@media screen and (min-width:1200px){.f_slider__img{height:30rem}}.f_slider__img:hover{box-shadow:var(--f_box-shadow-darken-hover);filter:brightness(80%)}.f_slider__title-wrapper{position:absolute;display:flex;align-items:flex-start;bottom:1rem;width:calc(100% - 2rem);height:10rem;border-radius:0 0 var(--f_border-radius-large) var(--f_border-radius-large);background:#0006}.f_slider__title{margin:0;padding:2rem 1rem 1rem;font-size:1.4rem;font-weight:600;color:#fff}@media screen and (min-width:500px){.f_slider__title{padding:2.5rem 1rem 1rem;font-size:1.6rem}}@media screen and (min-width:1200px){.f_slider__title{font-size:1.8rem}}.slider-component__brand-story ul{position:relative;right:-1.5rem}@media screen and (min-width:991px){.slider-component__brand-story ul{right:-6rem}}@media screen and (min-width:1200px){.slider-component__brand-story ul{right:0}}.slider-component__brand-story .slider-button{display:none;position:absolute;background:#fff;border-radius:2.5rem;border:1px solid var(--f_color-primary)}@media screen and (min-width:1200px){.slider-component__brand-story .slider-button{display:block}}.slider-counter,.slider-component__brand-story .slider-button[disabled]{display:none}@media screen and (min-width:1200px){.slider-component__brand-story .slider-button{top:calc(50% - 2rem)}.slider-component__brand-story .slider-button--prev{left:-2rem}.slider-component__brand-story .slider-button--next{right:0}}@media screen and (min-width:500px){.f_btn-secondary--brand-story{width:20rem}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-title-with-images-and-paragraph.css.map */