.image-panel{--ip-gutter: max(var(--container-margin), calc((100cqw - var(--ideal-width)) / 2));container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr)}.image-panel__content{display:flex;flex-direction:column;gap:16px;padding:var(--ip-pt) var(--ip-gutter) var(--ip-pb);background:var(--color-background);color:var(--color-foreground)}.image-panel__title{margin:0;color:inherit}.image-panel__text>:first-child{margin-top:0}.image-panel__text>:last-child{margin-bottom:0}.image-panel__panel{display:flex;flex-direction:column;justify-content:center;gap:24px;padding:24px var(--ip-gutter);background:var(--ip-panel-bg);color:var(--ip-panel-fg)}.image-panel__grid{display:grid;grid-template-columns:repeat(var(--ip-cols),minmax(0,1fr));gap:4px}.image-panel__item{position:relative;aspect-ratio:var(--ip-ratio);overflow:hidden;background:#ffffff14}.image-panel__item img,.image-panel__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.image-panel__caption{order:-1;margin:0;color:inherit;line-height:1.4}a.image-panel__caption{text-decoration:underline;text-underline-offset:3px}@media(min-width:768px){.image-panel__content{padding:var(--ip-sm-pt) var(--ip-gutter) var(--ip-sm-pb)}.image-panel__panel{padding:40px var(--ip-gutter)}.image-panel__grid{grid-template-columns:repeat(var(--ip-sm-cols),minmax(0,1fr))}.image-panel__caption{order:0}}@media(min-width:1024px){.image-panel{--ip-edge: max(var(--container-margin), (100% - var(--ideal-width)) / 2);--ip-text-col: calc(var(--ip-edge) + (100% - 2 * var(--ip-edge)) * (100 - var(--ip-panel-share)) / 100);grid-template-columns:var(--ip-text-col) minmax(0,1fr)}.image-panel--panel-left{grid-template-columns:minmax(0,1fr) var(--ip-text-col)}.image-panel--panel-left .image-panel__panel{order:-1}.image-panel__content{padding-right:40px}.image-panel__panel{padding:40px max(40px,var(--container-margin)) 40px 40px}.image-panel--panel-left .image-panel__content{padding-right:var(--ip-gutter);padding-left:40px}.image-panel--panel-left .image-panel__panel{padding:40px 40px 40px max(40px,var(--container-margin))}}.image-panel .image-panel__title{font-size:var(--ip-title-size)}.image-panel .image-panel__text{font-size:var(--ip-text-size)}.image-panel .image-panel__caption{font-size:var(--ip-caption-size)}@media(min-width:768px){.image-panel .image-panel__title{font-size:var(--ip-sm-title-size)}.image-panel .image-panel__text{font-size:var(--ip-sm-text-size)}.image-panel .image-panel__caption{font-size:var(--ip-sm-caption-size)}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-image-panel.css.map */