media-collage-scroll{display:block;position:relative;top:0;width:100%}.media-collage-scroll__section{display:grid;grid-template-columns:1fr;position:relative;width:100%;gap:50px}.media-collage-scroll__content{display:flex;flex-direction:column;row-gap:30px}.media-collage-scroll__grid{position:relative;width:100%;height:100%;margin:0 auto}@media(max-width:576px){.media-collage-scroll__grid{display:flex;flex-direction:column;gap:10px}}.media-collage-scroll__grid .media{overflow:visible;opacity:0;transform:translateY(100px);transition:opacity .25s var(--transition-primary),transform .5s var(--transition-primary)!important}@media(min-width:577px){.media-collage-scroll__grid .media{margin-top:calc(var(--media-height) * var(--media--shift-top, 30) / 100);transition:opacity .6s var(--transition-primary),transform 1.2s var(--transition-primary)!important}}.media-collage-scroll__grid .media:nth-child(2){transform:translateY(200px)}.media-collage-scroll__grid .media:nth-child(3){transform:translateY(400px)}.media-collage-scroll__grid .media.media--layer-middle{z-index:var(--layer-flat)}.media-collage-scroll__grid .media.media--layer-top{z-index:var(--layer-raised)}.media-collage-scroll__grid .media.is-visible{opacity:1;transform:translateY(0)}.media-collage-scroll__grid .media>*,.media-collage-scroll__grid .media video{position:absolute;border-radius:var(--border-radius-size-5);width:100%;height:100%;object-fit:cover;display:block}.media-collage-scroll__headings{flex:100%;display:flex;flex-direction:column}@media(max-width:576px){.media-collage-scroll__headings .button{width:100%}}.media-collage-scroll__logo .media{width:var(--collage-logo-width-mobile, fit-content);max-width:100%}.media-collage-scroll__logo .media :is(img,svg){display:block;width:100%}.media-collage-scroll__logo .media svg{aspect-ratio:1}@media screen and (min-width:577px)and (max-width:1024px){.media-collage-scroll__content{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:30px}.media-collage-scroll__logo{grid-area:1 / 2}.media-collage-scroll__logo .media{margin-inline-start:auto}.media-collage-scroll__headings{grid-area:1 / 1 / span 2 / 1}.media-collage-scroll__note{grid-area:2 / 2;display:flex;align-items:end;justify-content:end}}@media screen and (min-width:1025px){.media-collage-scroll__section{gap:var(--collage-columns-gap)}.media-collage-scroll__section--left:has(.media-collage-scroll__content){grid-template-areas:"left right"}.media-collage-scroll__section--left .media-collage-scroll__content{grid-area:right}.media-collage-scroll__section--left .media-collage-scroll__grid{grid-area:left}.media-collage-scroll__content{row-gap:50px}.media-collage-scroll__logo .media{width:var(--collage-logo-width, fit-content)}}media-collage-scroll .media:nth-child(n+1):has(.placeholder-svg){aspect-ratio:1.05}media-collage-scroll .media:nth-child(n+2):has(.placeholder-svg){aspect-ratio:1.25}media-collage-scroll .media:nth-child(n+3):has(.placeholder-svg){aspect-ratio:1}shopify-visual-preview-section-list-item section:has(media-collage-scroll){max-height:685px}shopify-visual-preview-section-list-item .media-collage-scroll__section{grid-template-columns:40% 60%}shopify-visual-preview-section-list-item media-collage-scroll .media{opacity:1}shopify-visual-preview-section-list-item media-collage-scroll .media:nth-child(n+1):has(.placeholder-svg){width:31%;left:13%;--media--shift-top: 0}shopify-visual-preview-section-list-item media-collage-scroll .media:nth-child(n+2):has(.placeholder-svg){width:62%;left:038%;--media--shift-top: -30}shopify-visual-preview-section-list-item media-collage-scroll .media:nth-child(n+3):has(.placeholder-svg){width:44%;left:0;--media--shift-top: -60}
/*# sourceMappingURL=/cdn/shop/t/3363/assets/component-media-collage-scroll.css.map */