.scroll-showcase{position:relative}.scroll-showcase-box{position:relative;display:flex;align-items:flex-start}.scroll-showcase-box:before{content:"";display:block;height:1200px}@media screen and (min-width: 1360px){.scroll-showcase-box:before{height:1500px}}.scroll-showcas-wrapper{position:sticky;top:0;height:100vh;width:100%;display:flex;align-items:center}.scroll-showcas-content{z-index:1;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scroll-showcas__heading{max-width:300px;margin:0 auto}@media screen and (min-width: 750px){.scroll-showcas__heading{max-width:555px}}@media screen and (min-width: 990px){.scroll-showcas__heading{max-width:753px}}.scroll-showcas__desc{max-width:45rem;margin:0 auto 1.6rem}.scroll-showcase_img{width:100%;height:100%;position:relative}.scroll-showcase_img img,.scroll-showcase_img video,.scroll-showcase_img svg{width:100%;height:100%;object-fit:cover;max-width:100%;max-height:100%;border-radius:var(--border-radius)}.scroll-showcase_img .placeholder-svg{fill:rgb(var(--color-background-secondary));background-color:rgb(var(--color-foreground-secondary))}.scroll-showcase_block{z-index:1;display:grid;grid-template-rows:repeat(10,10%);grid-template-columns:repeat(24,1fr);justify-content:center;align-items:stretch;height:100%;position:relative;max-height:526px}@media screen and (min-width: 990px){.scroll-showcase_block{max-height:626px}}@media screen and (min-width: 1100px){.scroll-showcase_block{max-height:726px}}.scroll-showcase_block .scroll-showcase_item{opacity:0;display:flex;justify-content:center;align-items:center}.scroll-showcase_block .scroll-showcase_item:nth-child(1){grid-area:2/4/5/10}@media screen and (min-width: 750px){.scroll-showcase_block .scroll-showcase_item:nth-child(1){grid-area:2/6/5/9}}.scroll-showcase_block .scroll-showcase_item:nth-child(2){grid-area:4/17/7/23}@media screen and (min-width: 750px){.scroll-showcase_block .scroll-showcase_item:nth-child(2){grid-area:3/17/6/20}}.scroll-showcase_block .scroll-showcase_item:nth-child(3){grid-area:6/10/9/16}@media screen and (min-width: 750px){.scroll-showcase_block .scroll-showcase_item:nth-child(3){grid-area:4/12/7/15}}.scroll-showcase_block .scroll-showcase_item:nth-child(4){grid-area:8/3/11/9}@media screen and (min-width: 750px){.scroll-showcase_block .scroll-showcase_item:nth-child(4){grid-area:7/7/10/10;position:absolute;bottom:32px;width:100%;height:100%}}.scroll-showcase_item.animate{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/2/assets/scroll-showcase.css.map */
