.focusable-masonry-container{position:relative;width:100%;overflow-y:auto;overflow-x:hidden}.focusable-masonry-tile{position:absolute;will-change:transform,width,height;padding:6px;cursor:default;top:0;left:0;outline:none;box-sizing:border-box}.focusable-masonry-tile:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:4px;border-radius:4px;z-index:10}.focusable-masonry-tile__image{position:relative;background-size:cover;background-position:center center;width:100%;height:100%;border-radius:4px;box-shadow:0 10px 50px -10px #0003;transition:box-shadow .2s ease,transform .2s ease}.focusable-masonry-tile:not(.focusable-masonry-tile--focused) .focusable-masonry-tile__image{background-size:cover}.focusable-masonry-tile--focused .focusable-masonry-tile__image{background-size:contain;background-repeat:no-repeat;box-shadow:0 20px 70px -10px #00000080}.focusable-masonry-tile:hover .focusable-masonry-tile__image,.focusable-masonry-tile:focus-visible .focusable-masonry-tile__image{box-shadow:0 10px 50px -10px #0003;transform:none}.focusable-masonry-tile--focused:hover .focusable-masonry-tile__image,.focusable-masonry-tile--focused:focus-visible .focusable-masonry-tile__image{box-shadow:0 25px 80px -10px #0009;transform:scale(1)}@media (prefers-reduced-motion: no-preference){::view-transition-old(masonry-*),::view-transition-new(masonry-*){animation-duration:.4s;animation-timing-function:cubic-bezier(.22,1,.36,1)}}@media (prefers-reduced-motion: reduce){.focusable-masonry-tile,.focusable-masonry-tile__image{transition:none;animation:none}}.focusable-masonry-container::-webkit-scrollbar{width:8px}.focusable-masonry-container::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:4px}.focusable-masonry-container::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px}.focusable-masonry-container::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.focusable-masonry-container{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(0,0,0,.1)}