.image-with-collapsible{position:relative}.image-with-collapsible__grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:start}.image-with-collapsible__media-wrapper{width:100%;overflow:hidden;position:relative;top:0}.image-with-collapsible__media{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;width:100%}.image-with-collapsible__media img{display:block;width:100%;height:100%;object-fit:contain}.image-with-collapsible__gallery{position:relative;width:100%;overflow:hidden;touch-action:pan-y;-webkit-overflow-scrolling:touch}.image-with-collapsible__slide{display:none;width:100%;height:100%;position:relative;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.image-with-collapsible__slide.active{display:block}.image-with-collapsible__gallery-controls{display:flex;justify-content:center;margin-top:15px;gap:10px}.image-with-collapsible__gallery-navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 10px;z-index:2;pointer-events:none}.image-with-collapsible__gallery-navigation button{background-color:#fffc;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;pointer-events:auto;position:relative}.image-with-collapsible__gallery-navigation button:hover{background-color:#fff}.image-with-collapsible__gallery-dots{display:flex;gap:8px}.image-with-collapsible__gallery-dot{width:10px;height:10px;border-radius:50%;background-color:rgba(var(--color-foreground),.2);border:none;padding:0;cursor:pointer}.image-with-collapsible__gallery-dot.active{background-color:rgba(var(--color-foreground),.8)}.image-with-collapsible__caption{text-align:center;margin-top:10px;font-style:italic;font-size:.9em;color:rgba(var(--color-foreground),.7)}.image-with-collapsible__content{display:flex;flex-direction:column;position:relative;z-index:1}.image-with-collapsible__collapsibles{position:relative;z-index:1}@media screen and (max-width:749px){.image-with-collapsible__content.text-center-mobile .image-with-collapsible__heading,.image-with-collapsible__content.text-center-mobile .image-with-collapsible__description{text-align:center}.image-with-collapsible__content.text-center-mobile .image-with-collapsible__button-wrapper{display:flex;justify-content:center}}.image-with-collapsible__heading{margin:0 0 1.5rem}.image-with-collapsible__description{margin-bottom:2rem}.image-with-collapsible__collapsible{margin-bottom:1rem;border:none;position:relative;overflow:visible}.image-with-collapsible__collapsible-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 0;background-color:transparent;text-align:left;border:none;border-bottom:1px solid rgba(var(--color-foreground),.1);cursor:pointer}.image-with-collapsible__collapsible-content{padding:0;max-height:0;overflow:hidden;opacity:0;transition:all .5s cubic-bezier(.25,.46,.45,.94)}.image-with-collapsible__collapsible[open] .image-with-collapsible__collapsible-content{max-height:1000px;opacity:1;padding:1.5rem 0}.image-with-collapsible__collapsible[open] .image-with-collapsible__collapsible-trigger{border-bottom:1px solid rgba(var(--color-foreground),.1)}.image-with-collapsible__collapsible-icon{width:1.2rem;height:1.2rem;position:relative}.image-with-collapsible__collapsible-icon:before,.image-with-collapsible__collapsible-icon:after{content:"";position:absolute;background:currentColor;transition:transform .3s}.image-with-collapsible__collapsible-icon:before{top:50%;left:0;width:100%;height:2px;transform:translateY(-50%)}.image-with-collapsible__collapsible-icon:after{top:0;left:50%;width:2px;height:100%;transform:translate(-50%)}.image-with-collapsible__collapsible[open] .image-with-collapsible__collapsible-icon:after{transform:translate(-50%) rotate(90deg)}.image-with-collapsible__button-wrapper{margin-top:2rem}.image-with-collapsible__button{display:inline-block;min-width:15rem;padding:1rem 2rem;text-align:center;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-weight:500;transition:background-color .3s,color .3s,opacity .3s}.image-with-collapsible__button:hover{opacity:.85}@media screen and (min-width:750px){.image-with-collapsible__grid{grid-template-columns:1fr 1fr;gap:4rem}.image-with-collapsible__button{min-width:20rem}}@supports (-webkit-touch-callout: none){.image-with-collapsible__gallery-navigation{position:absolute;left:0;right:0;width:100%}.image-with-collapsible__prev{position:absolute;left:10px}.image-with-collapsible__next{position:absolute;right:10px}}.swipe-indicator{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background-color:#ffffffb3;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;z-index:5;pointer-events:none}.swipe-indicator.active{opacity:.9}.swipe-indicator-left{left:10px}.swipe-indicator-right{right:10px}@media(hover:hover){.swipe-indicator{display:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-image-with-collapsible-content.css.map */