.stacked-image-accordion__section{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:var(--text-color)}.stacked-image-accordion__container{max-width:var(--section-width);margin:0 auto}.stacked-image-accordion__grid{display:grid;grid-template-columns:minmax(0,52fr) minmax(0,48fr);gap:clamp(2rem,5vw,7rem);align-items:center}.stacked-image-accordion__media-column,.stacked-image-accordion__content-column{min-width:0}.stacked-image-accordion__media-shell{position:relative;display:grid;grid-template-columns:3.2rem minmax(0,1fr) 3.2rem;align-items:center;gap:.6rem}.stacked-image-accordion__media-stack{position:relative;display:grid;align-items:center;min-height:clamp(28rem,32vw,48rem);isolation:isolate}.stacked-image-accordion__media-item{position:relative;grid-area:1 / 1;justify-self:center;align-self:center;width:92%;margin:auto;aspect-ratio:var(--image-ratio);opacity:0;transform:translate(0) scale(.86);transition:transform .14s ease,filter .14s ease,opacity .14s ease;pointer-events:none;z-index:0}.stacked-image-accordion__media-item.is-selected{opacity:1;transform:translate(0) scale(.96);filter:none;z-index:4;transition:transform .45s ease,filter .45s ease,opacity .45s ease}.stacked-image-accordion__media-item.is-next{opacity:1;transform:translate(10%) scale(.9);filter:saturate(.85);z-index:1}.stacked-image-accordion__media-item.is-prev{opacity:1;transform:translate(-10%) scale(.9);filter:saturate(.85);z-index:1}.stacked-image-accordion__media-frame{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--image-radius);background:#f5f5f5;box-shadow:0 1.2rem 3rem #00000014}.stacked-image-accordion__media-frame img,.stacked-image-accordion__media-frame svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.stacked-image-accordion__arrow{width:3.2rem;height:3.2rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--arrow-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease,background .2s ease}.stacked-image-accordion__arrow:hover{background:#0000000f}.stacked-image-accordion__arrow svg{width:1.1rem;height:1.8rem;display:block}.stacked-image-accordion__arrow:focus-visible,.stacked-image-accordion__accordion-button:focus-visible{outline:2px solid var(--item-border-color);outline-offset:4px}.stacked-image-accordion__heading{color:var(--heading-color);font-size:clamp(2.4rem,1.45rem + 1.8vw,4rem);line-height:1.12;font-weight:700;margin:0 0 .8rem}.stacked-image-accordion__subheading{color:var(--subheading-color);font-size:clamp(1.2rem,.9rem + .42vw,1.5rem);line-height:1.45;margin:0 0 2rem}.stacked-image-accordion__subheading *{color:inherit;font-size:inherit;line-height:inherit;margin:0}.stacked-image-accordion__list{display:grid;gap:var(--item-gap)}.stacked-image-accordion__accordion-item{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:2rem;border:1px solid var(--item-border-color);border-radius:var(--item-radius);background:var(--item-bg-color);box-shadow:0 .4rem 1.4rem var(--item-shadow-color);overflow:hidden;cursor:pointer;transition:border-color .4s ease,box-shadow .4s ease}.stacked-image-accordion__accordion-item.is-selected{border-color:var(--item-border-color);box-shadow:0 .9rem 2.4rem var(--active-shadow-color)}.stacked-image-accordion__accordion-button{display:contents}.stacked-image-accordion__number{width:var(--number-size);height:var(--number-size);min-height:var(--number-size);box-sizing:border-box;border-radius:999px;background:var(--number-bg-color);color:var(--number-color);display:flex;align-items:center;justify-content:center;font-size:clamp(1.4rem,1.05rem + .58vw,2rem);line-height:1;font-weight:700;margin:var(--number-offset) 0 var(--number-offset) var(--number-offset);transition:border-radius .5s ease,min-height .5s ease,margin .5s ease,padding-top .5s ease,align-items .5s ease;grid-column:1;grid-row:1 / span 2;align-self:stretch}.stacked-image-accordion__accordion-item.is-selected .stacked-image-accordion__number{height:100%;min-height:100%;align-items:flex-start;padding-top:calc((var(--number-size) - 2rem) / 2);border-radius:999px;margin:0}.stacked-image-accordion__title{color:var(--heading-color);font-size:1.8rem;height:var(--number-size);min-height:var(--number-size);line-height:1.18;font-weight:700;min-width:0;padding:0 2rem 0 0;display:flex;align-items:center;align-self:start;grid-column:2;grid-row:1}.stacked-image-accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease;grid-column:2;grid-row:2}.stacked-image-accordion__accordion-item.is-selected .stacked-image-accordion__panel{grid-template-rows:1fr}.stacked-image-accordion__panel-inner{overflow:hidden}.stacked-image-accordion__content{color:var(--text-color);font-size:1.4rem;line-height:1.55;padding:0 2rem 1.5rem 0}.stacked-image-accordion__content *{color:inherit;font-size:inherit;line-height:inherit;margin-top:0}.stacked-image-accordion__content *:last-child{margin-bottom:0}.stacked-image-accordion__accordion-item:focus-within{outline:2px solid var(--item-border-color);outline-offset:4px}@media screen and (max-width:989px){.stacked-image-accordion__grid{grid-template-columns:1fr;gap:2rem}.stacked-image-accordion__content-column{max-width:72rem;width:100%;margin:0 auto}}@media screen and (max-width:768px){.stacked-image-accordion__container{width:100%;padding:0 1.2rem}.stacked-image-accordion__media-shell{grid-template-columns:3rem minmax(0,1fr) 3rem;gap:.35rem}.stacked-image-accordion__media-stack{min-height:clamp(22rem,76vw,36rem)}.stacked-image-accordion__media-item{width:94%}.stacked-image-accordion__arrow{width:3rem;height:3rem}.stacked-image-accordion__heading{font-size:2.4rem}.stacked-image-accordion__accordion-button{display:contents}.stacked-image-accordion__number{width:var(--number-size);height:var(--number-size);min-height:var(--number-size);font-size:1.5rem}.stacked-image-accordion__accordion-item{column-gap:1.8rem}.stacked-image-accordion__accordion-item.is-selected .stacked-image-accordion__number{height:100%;min-height:100%;padding-top:calc((var(--number-size) * .84 - 1.5rem) / 2)}.stacked-image-accordion__title{font-size:1.4rem;height:var(--number-size);min-height:var(--number-size);padding:0 1.4rem 0 0}.stacked-image-accordion__content{font-size:1.2rem;line-height:1.35;padding:0 1.4rem 1.2rem 0}}
/*# sourceMappingURL=/cdn/shop/t/111/assets/stacked-image-accordion.css.map */