.xel-image-accordion{display:flex;gap:10px}@media screen and (min-width: 1024px){.xel-image-accordion{gap:20px}}.xel-image-accordion h1,.xel-image-accordion h2,.xel-image-accordion h3,.xel-image-accordion h4,.xel-image-accordion h5,.xel-image-accordion h6{margin-top:0}.xel-image-accordion .xel-image-accordion--content-parent{flex:1 1;transition:flex 400ms;overflow:hidden}.xel-image-accordion .xel-image-accordion--content-parent:hover{flex:2}.xel-image-accordion .xel-image-accordion--content-parent:hover .xel-image-accordion--content:before{opacity:.75}.xel-image-accordion .xel-image-accordion--content-parent:hover .xel-image-accordion--content-holder{flex:1;transform:translate(0px, 0px)}.xel-image-accordion.xel-image-accordion--horizontal{flex-direction:row}.xel-image-accordion.xel-image-accordion--vertical{flex-direction:column}.xel-image-accordion--content{position:relative;display:flex;width:100%;height:100%;padding:5px;overflow:hidden}@media screen and (min-width: 1024px){.xel-image-accordion--content{padding:20px}}.xel-image-accordion--content .xel-image-accordion--content-holder{flex:1;transform:translate(0px, 1000px);transition:transform 300ms;will-change:transform}.xel-image-accordion--content:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(rgba(0,0,0,0.15), rgba(0,0,0,0.65));opacity:0;transition:opacity 500ms}