.expander-container{display:grid;place-items:center}.expander{container-type:inline-size;width:100%}.expander-accordion{display:grid;grid-template-areas:"images" "entries";grid-template-columns:1fr auto;overflow:hidden}@container (min-width: 700px){.expander-accordion{grid-template-areas:"entries images";grid-template-columns:1fr 1fr}.expander-images{aspect-ratio:auto}}.expander-accordion:not(:has(details[open])){opacity:1;scale:1;z-index:1}.expander-accordion:has(details:first-child[open]) .expander-image:first-child,.expander-accordion:has(details:nth-child(2)[open]) .expander-image:nth-child(2),.expander-accordion:has(details:nth-child(3)[open]) .expander-image:nth-child(3),.expander-accordion:has(details:nth-child(4)[open]) .expander-image:nth-child(4),.expander-accordion:has(details:nth-child(5)[open]) .expander-image:nth-child(5){opacity:1;scale:1;z-index:1}.expander-accordion>.expander-entries{padding:0 30px 0 0}.expander-accordion>.expander-images{padding:0 0 0 30px}.expander-details{padding:20px 0}.expander-details+.expander-details{border-top:1px solid #000}.expander-details summary{align-items:center;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;text-align:left}.expander-details summary::-webkit-details-marker{display:none}.expander-details summary svg{opacity:1;transition:opacity .2s ease}.expander-details[open] summary svg{opacity:0}.expander-details::details-content{height:0;overflow:hidden;transition:height .3s,content-visibility .3s;transition-behavior:allow-discrete}.expander-details[open]::details-content{height:auto}.expander-entries{display:flex;flex-direction:column;flex-grow:1;flex-shrink:0;grid-area:entries;justify-content:center}.expander-images{align-items:center;aspect-ratio:1;display:flex;grid-area:images;overflow:hidden;position:relative}.expander-image{height:100%;inset:0;object-fit:cover;opacity:0;position:absolute;scale:1.1;transition:opacity .3s,scale .3s;width:100%}img.expander-image{display:block;height:100%;width:100%}:root{interpolate-size:allow-keywords}