.zb-album{container-type:inline-size}.zb-album-grid{--cols:2;--gap:6px;--col:calc((100cqw - (var(--cols) - 1) * var(--gap)) / var(--cols));display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-rows:calc(var(--col) * 4 / 3);grid-auto-flow:dense;gap:var(--gap)}.zb-album-grid[data-density=compact]{--cols:3;--gap:4px}@media (min-width:640px){.zb-album-grid{--cols:3;--gap:8px}.zb-album-grid[data-density=compact]{--cols:5;--gap:6px}}@media (min-width:1024px){.zb-album-grid{--cols:4;--gap:10px}.zb-album-grid[data-density=compact]{--cols:6;--gap:8px}}@media (min-width:1280px){.zb-album-grid{--cols:5}.zb-album-grid[data-density=compact]{--cols:7}}.zb-tile{position:relative;overflow:hidden;border-radius:14px;background:var(--muted);cursor:zoom-in;outline:none;content-visibility:auto}.zb-album-grid[data-density=compact] .zb-tile{border-radius:10px}.zb-tile[data-shape=wide]{grid-column:span 2}.zb-tile[data-shape=big]{grid-column:span 2;grid-row:span 2}.zb-tile[data-shape=pano]{grid-column:1/-1}.zb-tile:disabled{cursor:default}.zb-tile img{object-fit:cover;color:transparent;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s ease}.zb-tile:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(13 31 20/.06);background:rgb(13 31 20/0);transition:background-color .3s ease;pointer-events:none}@media (hover:hover){.zb-tile:hover img{transform:scale(1.045)}.zb-tile:hover:after{background:rgb(13 31 20/.12)}}.zb-tile:active img{transform:scale(.985)}.zb-tile:focus-visible{box-shadow:0 0 0 3px var(--background),0 0 0 6px var(--primary);z-index:1}@media (prefers-reduced-motion:reduce){.zb-tile img{transition:none}.zb-tile:active img,.zb-tile:hover img{transform:none}}.zb-lightbox-skeleton{background:linear-gradient(100deg,rgb(255 255 255/.04) 30%,rgb(255 255 255/.1) 50%,rgb(255 255 255/.04) 70%);background-size:220% 100%;animation:zb-lightbox-shimmer 1.4s linear infinite}@keyframes zb-lightbox-shimmer{to{background-position:-220% 0}}@media (prefers-reduced-motion:reduce){.zb-lightbox-skeleton{animation:none}}