.image-feature-cards{--image-feature-cards-duration: .4s;--image-feature-cards-easing: cubic-bezier(.22, 1, .36, 1);--image-feature-cards-enter: opacity var(--image-feature-cards-duration) var(--image-feature-cards-easing) .1s, transform var(--image-feature-cards-duration) var(--image-feature-cards-easing) .1s;--image-feature-cards-leave: opacity calc(var(--image-feature-cards-duration) * .6) ease, transform var(--image-feature-cards-duration) var(--image-feature-cards-easing);--image-feature-cards-rows: grid-template-rows var(--image-feature-cards-duration) var(--image-feature-cards-easing);--image-feature-cards-card-width: 322.5px;--image-feature-cards-gap: 20.5px;--image-feature-cards-max-width: 1440px;--image-feature-cards-padding: 44px;--image-feature-cards-inset-x: 30px;--image-feature-cards-inset-bottom: var(--image-feature-cards-inset-x);--image-feature-cards-text-max-width: 210px}.section-image-feature-cards{background:var(--color-bg)}.image-feature-cards__inner{max-width:var(--image-feature-cards-max-width);margin:0 auto;padding-left:var(--image-feature-cards-padding);padding-right:var(--image-feature-cards-padding)}.image-feature-cards .section-header{margin-bottom:48px}.image-feature-cards__list{display:grid;grid-template-columns:repeat(var(--image-feature-cards-columns),minmax(0,var(--image-feature-cards-card-width)));justify-content:center;gap:var(--image-feature-cards-gap)}.image-feature-card{position:relative;aspect-ratio:322.5 / 347;border-radius:var(--image-feature-cards-radius);overflow:hidden;isolation:isolate;container-type:size;color:var(--image-feature-cards-text-color);background:#d9d9d9;transition:color var(--image-feature-cards-duration) ease}.image-feature-cards--solid-open .image-feature-card.is-open{color:var(--image-feature-cards-open-text-color, var(--image-feature-cards-text-color))}.image-feature-cards--solid-open .image-feature-card:after{--image-feature-cards-open-origin-x: calc(100% - var(--image-feature-cards-inset-x) - var(--image-feature-cards-button-size) / 2);content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--image-feature-cards-open-bg);clip-path:circle(0% at var(--image-feature-cards-open-origin-x) calc(100% - var(--image-feature-cards-inset-bottom) - var(--image-feature-cards-button-size) / 2));pointer-events:none;transition:clip-path calc(var(--image-feature-cards-duration) * 1.5) var(--image-feature-cards-easing)}[dir=rtl] .image-feature-cards--solid-open .image-feature-card:after{--image-feature-cards-open-origin-x: calc(var(--image-feature-cards-inset-x) + var(--image-feature-cards-button-size) / 2)}.image-feature-cards--solid-open .image-feature-card.is-open:after{clip-path:circle(150% at var(--image-feature-cards-open-origin-x) calc(100% - var(--image-feature-cards-inset-bottom) - var(--image-feature-cards-button-size) / 2))}.image-feature-card a{color:inherit}.image-feature-card__media,.image-feature-card__media img,.image-feature-card__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.image-feature-card__media img{object-fit:cover}.image-feature-card__media:after{content:"";position:absolute;top:45%;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000,#000);opacity:var(--image-feature-cards-gradient-opacity);pointer-events:none}.image-feature-card__footer{position:absolute;left:var(--image-feature-cards-inset-x);right:var(--image-feature-cards-inset-x);bottom:var(--image-feature-cards-inset-bottom);z-index:1;display:flex;align-items:flex-end;gap:12px}.image-feature-card__content{flex:1 1 auto;min-width:0;min-height:var(--image-feature-cards-button-size);display:flex;flex-direction:column;justify-content:center}.image-feature-card__title,.image-feature-card__panel{display:grid;max-width:var(--image-feature-cards-text-max-width)}.image-feature-card__title-inner,.image-feature-card__text{min-height:0}.image-feature-card__title-inner{overflow:hidden;padding-block:.2em;margin-block:-.2em}.image-feature-card__title{grid-template-rows:1fr;margin:0;font-family:var(--image-feature-cards-title-font-family, var(--font-body-family, "Poppins", sans-serif));font-size:var(--image-feature-cards-title-size);font-style:normal;font-weight:var(--image-feature-cards-title-weight);line-height:1;letter-spacing:0;text-transform:none;color:inherit;transition:var(--image-feature-cards-enter),var(--image-feature-cards-rows)}.image-feature-card.is-open .image-feature-card__title{grid-template-rows:0fr;opacity:0;transform:translateY(-12px);pointer-events:none;transition:var(--image-feature-cards-leave),var(--image-feature-cards-rows)}.image-feature-card__panel{grid-template-rows:0fr;opacity:0;visibility:hidden;transform:translateY(12px);transition:var(--image-feature-cards-leave),var(--image-feature-cards-rows),visibility 0s linear var(--image-feature-cards-duration)}.image-feature-card.is-open .image-feature-card__panel{grid-template-rows:1fr;opacity:1;visibility:visible;transform:none;transition:var(--image-feature-cards-enter),var(--image-feature-cards-rows),visibility 0s}.image-feature-card__text{max-height:calc(100cqh - var(--image-feature-cards-inset-bottom) - var(--image-feature-cards-inset-x));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;font-family:var(--image-feature-cards-text-font-family, inherit);font-size:var(--image-feature-cards-text-size);font-weight:var(--image-feature-cards-text-weight);line-height:1.5;color:inherit}.image-feature-card__text>*:first-child{margin-top:0}.image-feature-card__text>*:last-child{margin-bottom:0}.image-feature-card__text::-webkit-scrollbar{display:none}.image-feature-card__toggle{position:relative;flex:0 0 auto;width:var(--image-feature-cards-button-size);height:var(--image-feature-cards-button-size);padding:0;border:0;border-radius:50%;background:none;color:inherit;cursor:pointer;transition:transform .2s ease}.image-feature-card__toggle:hover{transform:scale(1.06)}.image-feature-card__toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}.image-feature-card__icon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:opacity calc(var(--image-feature-cards-duration) * .75) ease,transform var(--image-feature-cards-duration) var(--image-feature-cards-easing)}.image-feature-card__icon--close{opacity:0;transform:rotate(-90deg)}.image-feature-card.is-open .image-feature-card__icon--open{opacity:0;transform:rotate(90deg)}.image-feature-card.is-open .image-feature-card__icon--close{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.image-feature-card,.image-feature-cards--solid-open .image-feature-card:after,.image-feature-card__title,.image-feature-card.is-open .image-feature-card__title,.image-feature-card__panel,.image-feature-card.is-open .image-feature-card__panel,.image-feature-card__toggle,.image-feature-card__icon{transition:none}}@media only screen and (max-width:767px){.image-feature-cards{--image-feature-cards-padding: 20px;--image-feature-cards-inset-x: 22px;--image-feature-cards-inset-bottom: 20px}.image-feature-card__title{font-size:var(--image-feature-cards-title-size-mobile)}.image-feature-card__text{font-size:var(--image-feature-cards-text-size-mobile)}.image-feature-cards__inner{padding-left:0;padding-right:0}.image-feature-cards .section-header{margin-bottom:29px;padding-left:var(--image-feature-cards-padding);padding-right:var(--image-feature-cards-padding)}.image-feature-cards__list{grid-template-columns:none;grid-auto-flow:column;justify-content:start;grid-auto-columns:min(80%,var(--image-feature-cards-card-width));overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--image-feature-cards-padding);padding-left:var(--image-feature-cards-padding);padding-right:var(--image-feature-cards-padding);scrollbar-width:none;-webkit-overflow-scrolling:touch}.image-feature-cards__list::-webkit-scrollbar{display:none}.image-feature-card{scroll-snap-align:start}.image-feature-cards__inner{overflow-x:clip}.image-feature-cards__list.flickity-enabled{display:block;overflow:visible}.image-feature-cards__list .flickity-viewport{overflow:visible}.image-feature-cards__list.flickity-enabled .image-feature-card{width:min(80%,var(--image-feature-cards-card-width));margin-right:var(--image-feature-cards-gap)}.image-feature-cards__list .flickity-page-dots{position:static;width:100%;padding:18px 0 0;text-align:center}.image-feature-cards__list .flickity-page-dots .dot{width:var(--image-feature-cards-dot-size);height:var(--image-feature-cards-dot-size);margin:0 calc(var(--image-feature-cards-dot-gap) / 2);border-radius:50%;background:var(--image-feature-cards-dot-color);opacity:1}.image-feature-cards__list .flickity-page-dots .dot.is-selected{background:var(--image-feature-cards-dot-active-color)}}@media only screen and (min-width:768px)and (max-width:1067px){.image-feature-cards{--image-feature-cards-padding: 30px;--image-feature-cards-columns: 2}}
/*# sourceMappingURL=/cdn/shop/t/370/assets/image-feature-cards.css.map */