.masonry-scroll-wrapper{width:100%;position:relative;overflow:hidden}.masonry-scroll-inner{will-change:transform;width:100%;position:relative}.masonry-list{width:100%;position:relative}.masonry-item{will-change:transform, width, height, opacity;cursor:pointer;padding:6px;position:absolute;top:0;left:0}.masonry-item>.masonry-img{border-radius:var(--radius-image);width:100%;height:100%;box-shadow:var(--elevation-2);filter:grayscale();background-position:50%;background-size:cover;transition:filter .5s cubic-bezier(.4,0,.2,1),box-shadow .3s;position:relative;overflow:hidden}.masonry-img__image{object-fit:cover;width:100%;height:100%;display:block}.masonry-item:hover>.masonry-img{filter:grayscale(0%);box-shadow:var(--brand-glow)}.masonry-item>.masonry-img .color-overlay{background:linear-gradient(45deg, color-mix(in srgb, var(--brand-purple) 40%, transparent), color-mix(in srgb, var(--brand-blue) 40%, transparent));opacity:0;pointer-events:none;border-radius:var(--radius-image);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.masonry-scroll-wrapper:before{content:"";z-index:10;pointer-events:none;background:linear-gradient(to bottom, var(--masonry-bg,color-mix(in srgb, var(--bg) 60%, transparent)), transparent);height:16px;position:absolute;top:0;left:0;right:0}