/* The photo grid's opening: the opened photo breaks into pieces that fly to their tiles (galleria-apertura.js). */
.gal-shards { position: absolute; z-index: 3; inset: 0; pointer-events: none; overflow: hidden; }
.gal-shard { position: absolute; overflow: hidden; transform-origin: 0 0; will-change: transform; border-radius: 14px; backface-visibility: hidden; }
.gal-shard i, .gal-shard b { position: absolute; inset: 0; }
.gal-shard-own { background-size: cover; background-position: center; }
.gal-shard-piece { background-repeat: no-repeat; }
.gal-shard-glint { inset: -10% 0; background: linear-gradient(100deg, transparent 35%, rgba(255, 255, 255, .45) 50%, transparent 65%); mix-blend-mode: soft-light; opacity: 0; }