.expandable-cards{--ec-gap: .75rem;--ec-card-radius: 1.1rem;--ec-row-height: 39rem;--ec-active-flex: 4.5;--ec-inactive-flex: 1;--ec-transition: .45s cubic-bezier(.22, .61, .36, 1);--ec-content-pad: 1.5rem;--ec-overlay: rgba(0, 0, 0, .35);--ec-text-color: #fff;--ec-label-size: 1rem;display:block}.expandable-cards__grid{display:flex;gap:var(--ec-gap);width:100%;height:var(--ec-row-height)}.expandable-cards__card{position:relative;display:block;flex:var(--ec-inactive-flex) 1 0;min-width:0;height:100%;overflow:hidden;border-radius:var(--ec-card-radius);color:var(--ec-text-color);text-decoration:none;transition:flex var(--ec-transition);cursor:pointer}.expandable-cards__card[data-active]{flex:var(--ec-active-flex) 1 0}.expandable-cards__card,.expandable-cards__card :where(h1,h2,h3,h4,h5,h6,p,a,span,div,li){color:var(--ec-text-color)}.expandable-cards__card:focus-visible{outline:2px solid currentColor;outline-offset:2px}.expandable-cards__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.expandable-cards__media img,.expandable-cards__media .placeholder-image{width:100%;height:100%;object-fit:cover}.expandable-cards__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ec-overlay)}.expandable-cards__content{position:absolute;inset:auto 0 0 0;z-index:1;padding:var(--ec-content-pad);display:flex;flex-direction:column;gap:.75rem;opacity:0;transform:translateY(.5rem);pointer-events:none}.expandable-cards__card[data-active] .expandable-cards__content{opacity:1;transform:none;pointer-events:auto;transition:opacity var(--ec-transition),transform var(--ec-transition);transition-delay:.45s}.expandable-cards__title,.expandable-cards__text{margin:0}.expandable-cards__cta{align-self:flex-start;pointer-events:none}.expandable-cards__label{position:absolute;inset:auto 0 var(--ec-content-pad) 0;z-index:1;text-align:center;text-transform:uppercase;opacity:1;transition:opacity var(--ec-transition)}.expandable-cards__card[data-active] .expandable-cards__label{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.expandable-cards__card,.expandable-cards__content,.expandable-cards__label{transition:none}}@media(max-width:47.9988rem){.expandable-cards{--ec-mobile-card-height: 20rem}.expandable-cards__grid{flex-direction:column;height:auto}.expandable-cards__card,.expandable-cards__card[data-active]{flex:0 0 auto;height:var(--ec-mobile-card-height)}.expandable-cards[style*=--ec-mobile-aspect] .expandable-cards__card,.expandable-cards[style*=--ec-mobile-aspect] .expandable-cards__card[data-active],.expandable-cards__card[data-mobile-aspect]{height:auto;aspect-ratio:var(--ec-mobile-aspect)}.expandable-cards__content{opacity:1;transform:none;pointer-events:auto}.expandable-cards__label{display:none}.expandable-cards--mobile-carousel .slider{scroll-padding-inline-start:var(--gutter)}.expandable-cards--mobile-carousel .slider__grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc(100% - var(--gutter) * 2.75);column-gap:var(--ec-gap);padding-left:var(--gutter);padding-right:var(--gutter)}.expandable-cards--mobile-carousel .slider__item{margin-left:0}}@media(min-width:48rem){.expandable-cards--mobile-carousel>carousel-slider,.expandable-cards--mobile-carousel .slider,.expandable-cards--mobile-carousel .slider__grid{display:contents}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/expandable-cards.css.map */