.photo-view[data-layout=masonry] .icon-masonry,.photo-view[data-layout=square] .icon-grid{display:block}.photo-view[data-layout=square] .photo-container{grid-template-columns:repeat(auto-fill, minmax(var(--min-photo-width), 1fr));gap:var(--photo-gap);display:grid}.photo-figure{cursor:pointer;background-size:cover;background-image:var(--photo-placeholder);overflow:hidden}.photo-view[data-layout=masonry] .photo-figure{width:var(--photo-width);height:var(--photo-height);transform:translate(var(--photo-left), var(--photo-top));border-radius:.375rem;position:absolute;top:0;left:0}.photo-view[data-layout=square] .photo-figure{aspect-ratio:1;position:relative}.photo-figure img{object-fit:cover;width:100%;height:100%;opacity:var(--photo-opacity,0);transition:all .3s ease-in-out}.photo-figure:hover img,.photo-figure:focus img{transform:scale(1.05)}.photo-figure figcaption{color:#fff;opacity:0;background:linear-gradient(#0000,#00000080);width:100%;padding:1rem .6rem .6rem;font-size:.875rem;transition:all .3s ease-in-out;position:absolute;bottom:0;left:0}.photo-figure:hover figcaption,.photo-figure:focus figcaption{opacity:1}