.banner__list--media.media--adapt.placeholder{padding-bottom:100%}.banner__list--item-content:not(.show__content--image-below){position:absolute;bottom:2rem;left:2rem;right:2rem;top:2rem;z-index:8}.banner__list--item-content-inner{display:flex;flex-direction:column;gap:1rem;width:100%}.banner__list--item-content-inner>*{align-self:var(--content-align-self)}.banner__list--item-overlay{position:relative;overflow:hidden}.banner--list-text{color:rgba(var(--color-foreground),.75)}.show__content--image-below .banner__list--item-content-inner{margin-top:2rem;width:100%}.banner__list--media.rounded--image{overflow:hidden}.banner__list--media.media:before,.banner__list--media.placeholder:before{position:absolute;content:"";background:#000;left:0;top:0;width:100%;height:100%;z-index:10;opacity:var(--banner-list-media-overlay-opacity, .3)}.banner__list--item-content:not(.show__content--image-below) .banner--list-text{color:rgba(var(--color-foreground))}.banner__list--media.placeholder>svg.placeholder-svg{max-width:38rem}.banner__list--media.media>img{transition:all .7s ease 0s}.banner__list--item:hover .banner__list--media.media>img{transform:scale(1)}.banner__list--item .button{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:translateY(0)}.banner__list--item .button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(56,102,65,.4),transparent);transition:none;z-index:1}.banner__list--item .button:hover:before{left:100%;transition:left .4s ease-in-out}.banner__list--item .button:hover{transform:translateY(0);box-shadow:0 6px 20px #38664133}.banner__list--item .button .button--icon{transition:transform .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;position:relative;z-index:2}.banner__list--item .button:hover .button--icon{transform:translate(4px)}.banner__list--item .button:focus-visible{outline:none;animation:pulse-gentle 1.5s infinite}@keyframes pulse-gentle{0%{box-shadow:0 0 #38664166}70%{box-shadow:0 0 0 8px #38664100}to{box-shadow:0 0 #38664100}}.banner__list--item .button--extra-small{background-color:#fff;color:#181818;border:1px solid rgba(0,0,0,.1);transition:all .3s ease;position:relative;z-index:1}.banner__list--item .button--extra-small:hover{background-color:#fff;color:#181818;border-color:#38664133;transform:translateY(0);box-shadow:0 6px 20px #38664126}.banner__list--item .button--extra-small:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(56,102,65,.2),transparent);transition:none;z-index:-1}.banner__list--item .button--extra-small:hover:after{left:100%;transition:left .4s ease-in-out}.banner__list--item:hover button.button--extra-small,.banner__list--item:hover a.button--extra-small,a.banner__list--item-overlay:hover button.button--extra-small{background-color:#fff!important;color:#181818!important;border-color:#38664133!important;transform:translateY(0)!important;box-shadow:0 6px 20px #38664126!important}@media (max-width: 768px){.banner__list--item .button--extra-small:after{background:linear-gradient(90deg,transparent,rgba(56,102,65,.15),transparent);transition:none}.banner__list--item .button--extra-small:hover:after{transition:left .4s ease-in-out}.banner__list--item .button:hover,.banner__list--item .button--extra-small:hover{box-shadow:0 4px 15px #3866411a!important}}@media (prefers-reduced-motion: reduce){.banner__list--item .button:before,.banner__list--item .button--extra-small:after{display:none}.banner__list--item .button,.banner__list--item .button--extra-small{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}}.collection__list--slider-nav-btn{width:4rem;height:4rem;border-radius:100%;transition:var(--transition)}.swiper__nav--btn.collection__list--slider-nav-btn:after{display:none}@media only screen and (min-width: 750px){.media>.banner--card-mobile-image{display:none}.banner__list--slider.swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide{width:33.33%}.banner__list--slider.swiper:not(.swiper-initialized) .swiper-wrapper{gap:3rem}}.container-fluid.p-0 .banner__list--slider .swiper__nav--btn.swiper-button-next{right:1rem}.container-fluid.p-0 .banner__list--slider .swiper__nav--btn.swiper-button-prev{left:1rem}.banner__list--media:not(.media--circle).media.rounded--image{border-radius:1rem}.banner--media-fit:not(.grid--1-col-desktop):not(.grid--2-col-desktop) .banner__list--media{padding-bottom:100%}.banner__list--media.placeholder.rounded--image:not(.media--circle){border-radius:1rem}@media only screena and (max-width: 750px){.media>.banner--card-desktop-image{display:none}}@media only screen and (max-width: 749px){.grid--1-col-desktop.banner--media-fit .banner__list--media,.grid--1-col-desktop .banner__list--media.media--adapt.placeholder{height:25rem}.grid--2-col-desktop.banner--media-fit .banner__list--media,.grid--2-col-desktop .banner__list--media.media--adapt.placeholder{padding-bottom:28rem}}@media only screen and (min-width: 750px){.grid--1-col-desktop.banner--media-fit .banner__list--media,.grid--1-col-desktop .banner__list--media.media--adapt.placeholder{height:35rem}.grid--2-col-desktop.banner--media-fit .banner__list--media,.grid--2-col-desktop .banner__list--media.media--adapt.placeholder{padding-bottom:50%}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/banner-list.css.map */