.ilf-banner-slider{--spv: var(--spv-mobile, 1);--gap: var(--gap-mobile, 0px);--thumb-spv: var(--thumb-spv-mobile, 4);--slide-ratio: var(--slide-ratio-mobile, var(--slide-ratio-desktop, 16 / 9));--thumb-ratio: var(--thumb-ratio-mobile, var(--thumb-ratio-desktop, 16 / 9));display:block;position:relative;background:var(--background, transparent);color:var(--text-color, inherit)}@media screen and (min-width:750px){.ilf-banner-slider{--spv: var(--spv-tablet, 1);--gap: var(--gap-desktop, 0px);--thumb-spv: var(--thumb-spv-tablet, 5);--slide-ratio: var(--slide-ratio-desktop, 16 / 9);--thumb-ratio: var(--thumb-ratio-desktop, 16 / 9)}}@media screen and (min-width:990px){.ilf-banner-slider{--spv: var(--spv-desktop, 1);--thumb-spv: var(--thumb-spv-desktop, 6)}}.ilf-banner-slider .inner{display:flex;flex-direction:column}.ilf-banner-slider.width-page .inner{max-width:var(--page-width, 120rem);margin-inline:auto;padding-inline:1.5rem}@media screen and (min-width:750px){.ilf-banner-slider.width-page .inner{padding-inline:5rem}}.ilf-banner-slider .content-zone{display:block}.ilf-banner-slider .content-above:has(.shopify-block){margin-bottom:2.4rem}.ilf-banner-slider .content-below:has(.shopify-block){margin-top:2.4rem}.ilf-banner-slider .slider{order:2;position:relative}.ilf-banner-slider .viewport{position:relative;overflow:hidden}.ilf-banner-slider .thumbs{order:3;position:relative;margin-top:var(--thumb-gap, 8px)}.ilf-banner-slider.thumbs-background .thumbs{margin-top:0;padding-top:var(--thumb-gap, 8px);background:var(--thumbs-background)}.ilf-banner-slider.thumbs-background.thumbs-above .thumbs{margin-bottom:0;padding-top:0;padding-bottom:var(--thumb-gap, 8px)}.ilf-banner-slider.thumbs-above .slider{order:3}.ilf-banner-slider.thumbs-above .thumbs{order:2;margin-top:0;margin-bottom:var(--thumb-gap, 8px)}.ilf-banner-slider .inner:not(:has(.main .ilf-banner-slide))>.slider,.ilf-banner-slider .inner:not(:has(.main .ilf-banner-slide))>.thumbs{display:none}@media screen and (min-width:990px){.ilf-banner-slider.nav-outside .slider{padding-inline:calc(var(--nav-size, 4.4rem) + 1.2rem)}}.ilf-banner-slider .main:not(.swiper-initialized){overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.ilf-banner-slider .main:not(.swiper-initialized)::-webkit-scrollbar{display:none}.ilf-banner-slider .main:not(.swiper-initialized) .swiper-wrapper{gap:var(--gap)}.ilf-banner-slider .main:not(.swiper-initialized) .swiper-wrapper>*{width:calc((100% - (var(--spv) - 1) * var(--gap)) / var(--spv));scroll-snap-align:start}.ilf-banner-slider.effect-single .main:not(.swiper-initialized) .swiper-wrapper>*{width:100%}.ilf-banner-slider.effect-single .main:not(.swiper-initialized) .swiper-wrapper{gap:0}.ilf-banner-slider.centered .main:not(.swiper-initialized) .swiper-wrapper{padding-inline-start:calc((100% - (100% - (var(--spv) - 1) * var(--gap)) / var(--spv)) / 2)}.ilf-banner-slider.centered .main:not(.swiper-initialized) .swiper-wrapper>*{scroll-snap-align:center}.ilf-banner-slider.effect-carousel .main:not(.swiper-initialized) .swiper-wrapper{gap:0;padding-inline-start:calc((100% - var(--carousel-slide-width, 60%)) / 2)}.ilf-banner-slider.effect-carousel .main .swiper-slide,.ilf-banner-slider.effect-carousel .main:not(.swiper-initialized) .swiper-wrapper>*{width:var(--carousel-slide-width, 60%)}.ilf-banner-slider:not(.is-ready) .nav{display:none}.ilf-banner-slider:not(.is-ready) .pagination{visibility:hidden}.ilf-banner-slider .thumbs .swiper:not(.swiper-initialized){overflow-x:auto;scrollbar-width:none}.ilf-banner-slider .thumbs .swiper:not(.swiper-initialized)::-webkit-scrollbar{display:none}.ilf-banner-slider .thumbs .swiper:not(.swiper-initialized) .swiper-wrapper{gap:var(--thumb-gap, 8px)}.ilf-banner-slider .thumbs .swiper:not(.swiper-initialized) .swiper-wrapper>*{width:calc((100% - (var(--thumb-spv) - 1) * var(--thumb-gap, 8px)) / var(--thumb-spv))}.ilf-banner-slider .main .swiper-slide,.ilf-banner-slider .main:not(.swiper-initialized) .swiper-wrapper>*{position:relative;flex-shrink:0;height:auto}.ilf-banner-slider .swiper-slide-blank{display:block}.ilf-banner-slider .main .swiper-wrapper>.shopify-block:not(:has(>.ilf-banner-slide)){display:none}.ilf-banner-slider.direction-vertical .main{aspect-ratio:var(--slide-ratio, 16 / 9)}.ilf-banner-slider.direction-vertical.height-fixed .main{aspect-ratio:auto;height:var(--slide-height-mobile, 40rem)}@media screen and (min-width:750px){.ilf-banner-slider.direction-vertical.height-fixed .main{height:var(--slide-height-desktop, 60rem)}}.ilf-banner-slider.direction-vertical .ilf-banner-slide .media{aspect-ratio:auto;height:100%}.ilf-banner-slider.direction-vertical .main:not(.swiper-initialized){overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory}.ilf-banner-slider.direction-vertical .main:not(.swiper-initialized) .swiper-wrapper{flex-direction:column;height:100%;gap:0}.ilf-banner-slider.direction-vertical .main:not(.swiper-initialized) .swiper-wrapper>*{width:100%;height:100%}.ilf-banner-slider.direction-vertical .main .swiper-slide,.ilf-banner-slider.direction-vertical .main:not(.swiper-initialized) .swiper-wrapper>*{height:100%}.ilf-banner-slider.effect-material .main .swiper-slide,.ilf-banner-slider.effect-material .main:not(.swiper-initialized) .swiper-wrapper>*{aspect-ratio:var(--slide-ratio, 16 / 9)}.ilf-banner-slider.effect-material.height-fixed .main .swiper-slide,.ilf-banner-slider.effect-material.height-fixed .main:not(.swiper-initialized) .swiper-wrapper>*{aspect-ratio:auto;height:var(--slide-height-mobile, 40rem)}@media screen and (min-width:750px){.ilf-banner-slider.effect-material.height-fixed .main .swiper-slide,.ilf-banner-slider.effect-material.height-fixed .main:not(.swiper-initialized) .swiper-wrapper>*{height:var(--slide-height-desktop, 60rem)}}.ilf-banner-slider.effect-material .ilf-banner-slide .media{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto}.ilf-banner-slider{--swiper-material-slide-border-radius: var(--slide-radius, 0)}.ilf-banner-slider:not(.effect-material) .ilf-banner-slide .swiper-material-content{display:contents;font-size:inherit}.ilf-banner-slider.effect-material .ilf-banner-slide{overflow:visible}.ilf-banner-slider.effect-material .ilf-banner-slide .slide-inner{position:absolute;top:0;left:0;width:100%;height:100%}.ilf-banner-slider.effect-expo{--expo-image-border-radius: var(--slide-radius, 0)}.ilf-banner-slider.effect-expo .ilf-banner-slide{overflow:visible}.ilf-banner-slider.effect-expo .ilf-banner-slide .media>img.expo-image{inset:auto;top:0;left:calc((var(--expo-image-offset, 1.25) * 100% - 100%) / -2);width:calc(var(--expo-image-offset, 1.25) * 100%);height:100%}.ilf-banner-slider.effect-expo.direction-vertical .ilf-banner-slide .media>img.expo-image{top:calc((var(--expo-image-offset, 1.25) * 100% - 100%) / -2);left:0;width:100%;height:calc(var(--expo-image-offset, 1.25) * 100%)}.ilf-banner-slider.effect-expo .main{padding-block:calc((100% - (var(--spv) - 1) * var(--gap)) / var(--spv) / (var(--slide-ratio, 1.7778)) * var(--expo-room, 0))}.ilf-banner-slider.effect-expo.height-fixed .main{padding-block:calc(var(--slide-height-mobile, 40rem) * var(--expo-room, 0))}@media screen and (min-width:750px){.ilf-banner-slider.effect-expo.height-fixed .main{padding-block:calc(var(--slide-height-desktop, 60rem) * var(--expo-room, 0))}}.ilf-banner-slide{position:relative;height:100%;overflow:hidden;border-radius:var(--slide-radius, 0)}.ilf-banner-slide .slide-inner{position:relative;height:100%}.ilf-banner-slide .media{position:relative;width:100%;aspect-ratio:var(--slide-ratio, 16 / 9);overflow:hidden;background:var(--slide-background, #000)}.ilf-banner-slider.height-fixed .ilf-banner-slide .media{aspect-ratio:auto;height:var(--slide-height-mobile, 40rem)}@media screen and (min-width:750px){.ilf-banner-slider.height-fixed .ilf-banner-slide .media{height:var(--slide-height-desktop, 60rem)}}.ilf-banner-slide .media>img,.ilf-banner-slide .media>picture,.ilf-banner-slide .media>picture>img,.ilf-banner-slide .media>video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:var(--media-fit, cover)}.ilf-banner-slide .media>video{z-index:1}.ilf-banner-slide>.slide-inner>.media>video,.ilf-banner-slide>.slide-inner>.swiper-material-content>.media>video{opacity:0;transition:opacity .4s ease}.ilf-banner-slide>.slide-inner>.media>video.is-ready,.ilf-banner-slide>.slide-inner>.swiper-material-content>.media>video.is-ready{opacity:1}@media screen and (max-width:749px){.ilf-banner-slide>.slide-inner>.media>.video-desktop,.ilf-banner-slide>.slide-inner>.swiper-material-content>.media>.video-desktop{display:none}}@media screen and (min-width:750px){.ilf-banner-slide>.slide-inner>.media>.video-mobile,.ilf-banner-slide>.slide-inner>.swiper-material-content>.media>.video-mobile{display:none}}.ilf-banner-slide .media>.placeholder,.ilf-banner-slider .thumb-button .media>.placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.ilf-banner-slide .slide-link{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.ilf-banner-slide .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:var(--overlay-color, #000);opacity:var(--overlay-opacity, 0);pointer-events:none}.ilf-banner-slide .content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:auto;height:auto;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:var(--content-padding, 2.4rem);pointer-events:none}.ilf-banner-slide .content>*{max-width:var(--content-max-width, 60%);pointer-events:auto}.ilf-banner-slide .setup-warning{position:absolute;top:.8rem;right:.8rem;left:.8rem;z-index:5}.ilf-banner-slider.effect-slicer .main.swiper-initialized .ilf-banner-slide .media>img.swiper-slicer-image,.ilf-banner-slider.effect-slicer .main.swiper-initialized .ilf-banner-slide .media>picture>img.swiper-slicer-image{display:none}.ilf-banner-slider.effect-slicer .ilf-banner-slide .media{background:transparent}.ilf-banner-slider.effect-slicer .swiper-slide:not(.swiper-slide-active) .ilf-banner-slide .content,.ilf-banner-slider.effect-slicer .swiper-slide:not(.swiper-slide-active) .ilf-banner-slide .slide-link,.ilf-banner-slider.effect-slicer .swiper-slide:not(.swiper-slide-active) .ilf-banner-slide .overlay{visibility:hidden}.ilf-banner-slider .nav{position:absolute;top:50%;z-index:4;display:flex;align-items:center;justify-content:center;width:var(--nav-size, 4.4rem);height:var(--nav-size, 4.4rem);margin:0;padding:0;border:0;border-radius:var(--nav-radius, 50%);background:var(--nav-bg, transparent);color:var(--nav-color, #fff);cursor:pointer;transform:translateY(-50%) scale(var(--nav-scale, 1));transition:opacity .2s ease,transform .15s ease,filter .15s ease}@media(hover:hover){.ilf-banner-slider .nav:hover{--nav-scale: 1.1;filter:brightness(1.25)}}.ilf-banner-slider .nav:active{--nav-scale: .9;filter:brightness(.85);transition-duration:.05s}.ilf-banner-slider .nav.swiper-button-disabled:hover,.ilf-banner-slider .nav.swiper-button-disabled:active{--nav-scale: 1;filter:none}.ilf-banner-slider .nav svg{width:55%;height:55%}.ilf-banner-slider .nav-prev{left:1.2rem}.ilf-banner-slider .nav-next{right:1.2rem}.ilf-banner-slider .nav:focus-visible{outline:2px solid currentColor;outline-offset:2px}.ilf-banner-slider .nav.swiper-button-disabled{opacity:.35;cursor:default}.ilf-banner-slider .nav.swiper-button-lock{display:none}.ilf-banner-slider.nav-bottom .nav{top:auto;bottom:1.2rem;transform:scale(var(--nav-scale, 1))}.ilf-banner-slider.nav-style-square .nav{--nav-radius: 0}.ilf-banner-slider.nav-style-minimal .nav{--nav-bg: transparent}@media screen and (min-width:990px){.ilf-banner-slider.nav-outside .nav-prev{left:0}.ilf-banner-slider.nav-outside .nav-next{right:0}}@media screen and (max-width:749px){.ilf-banner-slider.nav-hide-mobile .nav{display:none}}@media(hover:hover)and (min-width:990px){.ilf-banner-slider.nav-hover .nav{opacity:0}.ilf-banner-slider.nav-hover:hover .nav,.ilf-banner-slider.nav-hover:focus-within .nav{opacity:1}.ilf-banner-slider.nav-hover:hover .nav.swiper-button-disabled,.ilf-banner-slider.nav-hover:focus-within .nav.swiper-button-disabled{opacity:.35}}.ilf-banner-slider.direction-vertical .nav{top:auto;right:auto;bottom:auto;left:50%;transform:translate(-50%) scale(var(--nav-scale, 1))}.ilf-banner-slider.direction-vertical .nav svg{transform:rotate(90deg)}.ilf-banner-slider.direction-vertical .nav-prev{top:1.2rem}.ilf-banner-slider.direction-vertical .nav-next{bottom:1.2rem}@media screen and (min-width:990px){.ilf-banner-slider.direction-vertical.nav-outside .slider{padding-inline:0;padding-block:calc(var(--nav-size, 4.4rem) + 1.2rem)}.ilf-banner-slider.direction-vertical.nav-outside .nav-prev{top:0}.ilf-banner-slider.direction-vertical.nav-outside .nav-next{bottom:0}}.ilf-banner-slider .slider .pagination{--swiper-pagination-color: var(--pagination-color, #fff);--swiper-pagination-bullet-inactive-color: var(--pagination-inactive-color, #999);--swiper-pagination-bullet-inactive-opacity: 1;--swiper-pagination-bullet-horizontal-gap: 4px;position:relative;inset:auto;z-index:4;width:auto;min-height:1.6rem;line-height:1.6rem;text-align:var(--pagination-align, center);color:var(--pagination-color, #fff)}.ilf-banner-slider .slider .pagination.swiper-pagination-bullets-dynamic{box-sizing:content-box;left:0;transform:none;margin-inline:auto}.ilf-banner-slider .pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet:not([class*=bullet-active]){opacity:0}.ilf-banner-slider.pagination-align-left .pagination.swiper-pagination-bullets-dynamic,.ilf-banner-slider.pagination-bg.pagination-align-left .pagination.pagination-bullets{margin-inline:0 auto}.ilf-banner-slider.pagination-align-right .pagination.swiper-pagination-bullets-dynamic,.ilf-banner-slider.pagination-bg.pagination-align-right .pagination.pagination-bullets{margin-inline:auto 0}.ilf-banner-slider.pagination-bg .pagination.pagination-bullets{box-sizing:content-box;width:fit-content;margin-inline:auto;padding:.4rem;border-radius:10rem;overflow:hidden;font-size:0}.ilf-banner-slider.pagination-bg .pagination.pagination-bullets:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;background-color:var(--pagination-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ilf-banner-slider.pagination-bg .pagination .swiper-pagination-bullet{vertical-align:middle}.ilf-banner-slider.pagination-bg.direction-horizontal.pagination-inside .pagination.pagination-bullets{right:1.2rem;left:1.2rem}.ilf-banner-slider.pagination-bg.direction-vertical .pagination.pagination-bullets{padding:.2rem .8rem}.ilf-banner-slider .pagination.pagination-fraction{font-size:1.3rem}.ilf-banner-slider .pagination.pagination-progressbar{position:relative;top:auto;left:0;width:100%;height:4px;min-height:4px;line-height:0}.ilf-banner-slider.pagination-inside .pagination{position:absolute;top:auto;right:0;bottom:1.2rem;left:0;width:auto;padding-inline:1.2rem}.ilf-banner-slider.pagination-inside .pagination.pagination-progressbar{bottom:0;padding-inline:0}.ilf-banner-slider.pagination-outside .pagination{margin-top:1.2rem}.ilf-banner-slider .pagination.swiper-pagination-lock{visibility:hidden}.ilf-banner-slider.direction-vertical.pagination-inside .pagination{top:50%;right:1.2rem;bottom:auto;left:auto;width:auto;padding-inline:0;transform:translateY(-50%)}.ilf-banner-slider.direction-vertical.pagination-inside .pagination.pagination-progressbar{top:0;right:0;bottom:0;width:4px;height:auto;min-height:0;transform:none}@media screen and (max-width:749px){.ilf-banner-slider.pagination-hide-mobile .pagination{display:none}}@media screen and (min-width:990px){.ilf-banner-slider.pagination-hide-desktop .pagination{display:none}}.ilf-banner-slider .thumbs .swiper-slide{height:auto}.ilf-banner-slider .thumb-button{display:block;width:100%;margin:0;padding:0;border:0;border-radius:var(--thumb-radius, 0);background:none;overflow:hidden;cursor:pointer;opacity:var(--thumb-inactive-opacity, .4);transition:opacity .2s ease,outline-color .2s ease}.ilf-banner-slider .thumb-button .media{position:relative;aspect-ratio:var(--thumb-ratio, 16 / 9);background:#80808026}.ilf-banner-slider .thumb-button img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.ilf-banner-slider .swiper-slide-thumb-active .thumb-button{opacity:1}.ilf-banner-slider.thumbs-outline .thumb-button{opacity:1;outline:2px solid transparent;outline-offset:-2px}.ilf-banner-slider.thumbs-outline .swiper-slide-thumb-active .thumb-button{outline-color:var(--thumb-active-color, #fff)}.ilf-banner-slider .thumb-button:focus-visible{opacity:1;outline:2px solid currentColor;outline-offset:-2px}@media screen and (max-width:749px){.ilf-banner-slider.thumbs-hide-mobile .thumbs{display:none}}.ilf-banner-slider .thumbs-nav{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;margin:0;padding:0;border:0;border-radius:50%;background:var(--nav-bg, rgba(0, 0, 0, .4));color:var(--nav-color, #fff);cursor:pointer;transform:translateY(-50%);transition:opacity .2s ease}.ilf-banner-slider .thumbs-nav svg{width:60%;height:60%}.ilf-banner-slider .thumbs-prev{left:.4rem}.ilf-banner-slider .thumbs-next{right:.4rem}.ilf-banner-slider.thumbs-background .thumbs-nav{top:calc(50% + var(--thumb-gap, 8px) / 2)}.ilf-banner-slider.thumbs-background.thumbs-above .thumbs-nav{top:calc(50% - var(--thumb-gap, 8px) / 2)}.ilf-banner-slider .thumbs-nav:focus-visible{outline:2px solid currentColor;outline-offset:2px}.ilf-banner-slider .thumbs-nav.swiper-button-disabled{opacity:0;pointer-events:none}.ilf-banner-slider:not(.is-ready) .thumbs-nav,.ilf-banner-slider .thumbs-nav.swiper-button-lock{display:none}.ilf-banner-slider .empty-state{padding:4rem 2rem;border:1px dashed currentColor;text-align:center;opacity:.7}.ilf-banner-slider .setup-warning{margin:.8rem 0;padding:.8rem 1.2rem;background:#fff3cd;color:#664d03;font-size:1.3rem;line-height:1.4}
/*# sourceMappingURL=/cdn/shop/t/204/assets/ilf-banner-slider.css.map */