.masonry-list{width:100%;min-height:240px;position:relative}.masonry-item-wrapper{padding:6px;display:block;position:absolute;top:0;left:0}.masonry-item-img{background-position:50%;background-size:cover;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 10px 50px -10px #0003}.masonry-item-skeleton{background:color-mix(in srgb, var(--foreground) 9%, transparent);width:100%;height:100%;position:relative;overflow:hidden}.masonry-item-skeleton:before{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--foreground) 12%, transparent), transparent);content:"";animation:1.35s ease-in-out infinite masonrySkeleton;position:absolute;inset:0;transform:translate(-100%)}.masonry-item-skeleton-line{background:color-mix(in srgb, var(--foreground) 10%, transparent);height:10px;position:absolute;bottom:14px;left:14px;right:14px}.masonry-item-caption{color:#fff;opacity:0;pointer-events:none;background:linear-gradient(#1e1c1d00 28%,#1e1c1d57 62%,#1e1c1dad 100%);align-items:flex-end;padding:14px;font-size:13px;font-weight:600;line-height:1.35;transition:opacity .22s;display:flex;position:absolute;inset:0}.masonry-item-wrapper:hover .masonry-item-caption,.masonry-item-wrapper:focus-within .masonry-item-caption{opacity:1}.masonry-item-caption span{overflow-wrap:anywhere;opacity:0;width:100%;transition:opacity .22s,transform .22s;display:block;transform:translateY(12px)}.masonry-item-wrapper:hover .masonry-item-caption span,.masonry-item-wrapper:focus-within .masonry-item-caption span{opacity:1;transform:translateY(0)}@keyframes masonrySkeleton{to{transform:translate(100%)}}