.images-with-text-scroll{--sticky-area-height: calc(var(--announcement-bar-is-sticky, 0) * var(--announcement-bar-height, 0px) + var(--header-is-sticky, 0) * var(--header-height, 0px));align-items:start;display:grid;position:relative}.images-with-text-scroll:before{content:"";background:rgb(var(--images-with-text-scroll-overlay));z-index:1;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.images-with-text-scroll__image-background,.images-with-text-scroll__container{grid-area:1 / -1}.images-with-text-scroll__image-background{object-fit:cover;object-position:center;width:100%;height:100%;max-height:100vh;position:sticky;inset-block-start:0}.images-with-text-scroll__container{z-index:1;place-items:start center;row-gap:2rem;padding-block-start:var(--section-vertical-spacing);padding-block-end:var(--section-vertical-spacing);display:grid}.images-with-text-scroll__item{display:contents}.images-with-text-scroll__item:not(:first-child)>.images-with-text-scroll__image{opacity:0}.images-with-text-scroll__image{grid-area:1 / 1;align-self:center}.images-with-text-scroll__text{text-align:center;grid-area:2 / 1;max-width:375px}@media screen and (min-width:700px){.images-with-text-scroll__container{row-gap:3rem}}@media screen and (max-width:999px){.images-with-text-scroll__item:not(.is-selected){visibility:hidden}.images-with-text-scroll__image{width:min(56vw,27.5rem)}}@media screen and (min-width:1000px){.images-with-text-scroll{min-height:calc(100vh - var(--sticky-area-height))}.images-with-text-scroll__container{--image-width: min(50vw - var(--container-gutter), 575px);--image-height: min(var(--image-width), var(--image-width) / var(--images-with-text-scroll-master-image-ratio));--content-padding: calc((100vh - var(--image-height) - var(--sticky-area-height)) / 2);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-items:center;padding-block-start:var(--content-padding);padding-block-end:var(--content-padding)}.images-with-text-scroll__image{height:var(--image-height);object-fit:contain;object-position:center;position:sticky;inset-block-start:calc(var(--content-padding) + var(--sticky-area-height))}.images-with-text-scroll__text{text-align:var(--images-with-text-scroll-text-alignment);grid-area:auto / 2}.images-with-text-scroll--reverse .images-with-text-scroll__image{grid-column:2}.images-with-text-scroll--reverse .images-with-text-scroll__text{grid-column:1}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-images-with-text-scroll.css.map */