.animated-banner__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:.7rem}.animated-banner__item{z-index:1;flex:0 0 calc(25% - .5rem);overflow:hidden;transition:.3s ease;display:grid;align-items:stretch;position:relative;width:100%}.animated-banner__item:has(.media--adapt){align-items:unset}.animated-banner__media.media--adapt.placeholder{padding-block-end:100%}.animated-banner__media-container,.animated-banner__content-wrapper{grid-column-start:1;grid-row-start:1;transition:.3s ease}.animated-banner__item.rounded--image{border-radius:.5rem}.animated-banner__media.media--adapt_to_content.media{object-fit:cover;height:100%;display:block}.animated-banner__item:has(.media-adapt-content){align-items:unset}.animated-banner__content{padding:5.3rem 3rem;gap:1rem;height:100%;margin:0 auto;text-align:left;transition:.3s ease;padding-block-end:6.3rem}.animated-banner__content-inner{display:flex;flex-direction:column;gap:1rem;justify-content:center}.animated-banner__discount{font-weight:500}.animated-banner__text{color:rgba(var(--color-foreground),.75);margin-block-start:.5rem;margin-block-end:.5rem}.animated-banner__features{list-style:none;padding:0;margin:0rem 0 5.7rem}.animated-banner__features li{margin-block-end:.5rem;color:rgba(var(--color-foreground),.85)}@media (min-width:992px){.animated-banner__list{display:flex}.animated-banner__media-container,.animated-banner__content-wrapper{grid-column-start:1;grid-row-start:1;transition:.3s ease}.animated-banner__content-wrapper{height:100%;opacity:0;visibility:visible;z-index:-1;transition:transform .4s ease-in-out 50ms,visibility .3s ease-in-out;margin-inline-end:.1rem}.animated-banner__item:not(.empty-content).is-active{padding-inline-end:25%;flex:0 0 calc(50% - .5rem);border-color:transparent}.animated-banner__item.is-active .animated-banner__content-wrapper{opacity:1;visibility:visible;transform:translate(100%)}.animated-banner__media-container .media-adapt-content{height:100%}.animated-banner__item:not(.empty-content) .animated-banner__media-container .media-adapt-content{padding-block-end:0}}@media (max-width:991px){.animated-banner__item{display:block}.animated-banner__media.media--adapt_to_content .animated-banner__image,.animated-banner__media.media--adapt_to_content .placeholder-svg-2{position:inherit}.animated-banner__content{padding:2.5rem 3rem;padding-block-end:3.3rem}.animated-banner__content-inner{gap:1rem}.animated-banner__features{margin:0rem 0 1.7rem}.animated-banner__list{gap:.7rem}.animated-banner__item{padding-inline:0}}@media (min-width: 992px) and (max-width: 1169px){.banner__heading--space{margin-block-end:.5rem;font-size:2rem}.animated-banner__content{padding:1.5rem;height:100%;max-width:100%}.animated-banner__content-inner{gap:.3rem}}@media (min-width: 1170px) and (max-width: 1249px){.animated-banner__content-inner{gap:1rem}.animated-banner__content{padding:2.5rem 3rem}}@media (max-width:749px){.animated-banner__list{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}.animated-banner__list.mobile-swipe{grid-auto-flow:column;grid-auto-columns:minmax(85%,1fr);grid-template-columns:repeat(auto-fill,minmax(85%,1fr));overflow-x:auto;padding-block-end:1.5rem;scroll-snap-type:x mandatory;padding-inline-end:1.5rem}.animated-banner__content{padding:2rem;padding-block-end:2.5rem}.animated-banner__content-inner{gap:1rem}.animated-banner__features{margin:0rem 0 1.7rem}.animated-banner__list{gap:.7rem}.animated-banner__content{flex-direction:unset}.mobile-swipe .animated-banner__content{flex-direction:column}.animated-banner-list *,.animated-banner-list :focus,.animated-banner-list :focus-visible,.animated-banner-list :hover{outline:0;scrollbar-width:thin;scrollbar-color:#ddd transparent;-webkit-tap-highlight-color:transparent}}
/*# sourceMappingURL=/cdn/shop/t/207/assets/animated-banner-list.css.map */