.feature-hero-images{overflow:hidden;height:calc(75vh - 3rem)}.feature-hero-image{position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:100%}.feature-hero-image :is(img,.placeholder-svg){width:100%;height:100%;object-fit:cover}.feature-hero-content{position:absolute;inset-block-start:0rem;inset-inline-start:0rem;height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;max-height:100%;overflow-y:auto;padding-block:2rem;top:0;right:0;bottom:0;left:0}.feature-hero-listing{padding-block:1rem;max-height:100%;overflow:hidden auto}.feature-hero-listing li:not(:last-child){margin-block-end:.5rem}.feature-hero-slider{display:flex;flex-wrap:wrap;border-top:.0625rem solid rgb(var(--border-rgb-color) / .2);padding-block:2.5rem;padding-block-start:1.5rem;gap:.75rem}.feature-hero-slider .feature-hero-slide{display:flex;align-items:flex-start;flex-wrap:wrap;max-height:100%;overflow-y:auto}.feature-hero-slider .feature-hero-slide .containbox-content,.feature-hero-slider .feature-hero-slide .containbox-button{flex:0 0 auto;width:100%;max-width:100%;margin:0rem}.feature-hero-slider .feature-hero-slide:not(:has(.containbox-button)) .containbox-content{flex:0 0 auto;width:100%;max-width:100%;margin:0rem}.feature-hero-slider .swiper-wrapper{flex:0 1 auto;width:100%;max-width:100%;margin:0rem}.feature-hero-slider .containbox-click-nav{flex:0 0 auto}.containbox-click-nav{justify-content:flex-end;align-items:flex-start}.feature-hero-listing li button{display:inline-flex;align-items:center;cursor:pointer}.feature-hero-listing li button:before{content:"";display:inline-flex;align-items:flex-end;justify-content:center;width:.5rem;height:.5rem;border-radius:999rem;background:currentColor;transition:all .5s ease;margin-inline-end:.5rem}.feature-hero-listing li button.active:before{margin-left:0rem;transform:scale(1)}@media screen and (min-width:1025px){.feature-hero-slider{padding-block:3rem;max-height:100%;gap:1rem}.feature-hero-listing li button:before{transform:scale(0);margin-left:-.5rem}.feature-hero-listing li button:hover:before{margin-left:0rem;transform:scale(1)}.feature-hero-slider .feature-hero-slide{align-items:flex-end;padding-inline-end:8rem}.feature-hero-slider .feature-hero-slide .containbox-content,.feature-hero-slider .feature-hero-slide .containbox-button{max-width:50%}.feature-hero-slider .swiper-wrapper{max-width:92%;overflow:hidden}.containbox-button{text-align:center}}@media screen and (max-width:767px){.feature-hero-content{inset-inline:0rem}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/feature-hero.css.map */