#gallery-containers{display:flex;flex-direction:column;height:100%}#gallery-containers>div.p-5{margin-top:auto;margin-bottom:0}.flickr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start;gap:10px}.flickr-grid a{display:block;overflow:hidden;border-radius:.5rem}.flickr-grid img{display:block;width:100%;height:auto}.flickr-grid.has-dimensions{--row-height:clamp(180px, 18vw, 280px);display:flex;flex-wrap:wrap}.flickr-grid.has-dimensions>a{flex:var(--photo-ratio)1 calc(var(--photo-ratio) * var(--row-height));min-width:0;max-width:100%}.flickr-grid.has-dimensions::after{content:"";flex:1e6 1 var(--row-height)}.flickr-grid a:hover{filter:brightness(.9)}body:has(.flickr-photo){height:100vh;height:100dvh;overflow:hidden}body:has(.flickr-photo)>header{flex:none;max-height:40%;overflow-y:auto}body:has(.flickr-photo)>main{flex:1;min-height:0}body:has(.flickr-photo)>footer{display:none}.flickr-photo{--thumb-size:80px;display:grid;grid-template-rows:auto minmax(0,1fr)auto;gap:.75rem;height:100%;max-width:1500px;margin:0 auto;padding-bottom:calc(2.75rem + env(safe-area-inset-bottom))}.photo-nav{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:1rem}.photo-nav>:nth-child(2){text-align:center;overflow-wrap:anywhere}.photo-nav>:last-child{text-align:right}.flickr-photo>figure{min-height:0;min-width:0}.photo-full{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;touch-action:pan-y pinch-zoom}.photo-drawer{--photo-drawer-background:#fff;position:fixed;bottom:0;left:0;right:0;z-index:30}.dark .photo-drawer{--photo-drawer-background:#171717}.photo-drawer details{background-color:var(--photo-drawer-background)}.photo-drawer summary{list-style:none;position:absolute;bottom:100%;left:1rem;padding:.5rem 1rem;border-radius:1rem 1rem 0 0;background-color:var(--photo-drawer-background);box-shadow:0 -4px 20px rgb(0 0 0/.15);-webkit-clip-path:inset(-20px -20px 0 -20px);clip-path:inset(-20px -20px 0 -20px);z-index:1;cursor:pointer}.photo-drawer summary::-webkit-details-marker{display:none}.photo-drawer:has(details[open]){box-shadow:0 -4px 20px rgb(0 0 0/.15);animation:photo-details-up .3s ease-out}.photo-drawer:has(details[open]).is-closing{animation:photo-details-down .3s ease-in}.photo-details{max-height:60vh;max-height:60dvh;overflow-y:auto;overscroll-behavior:contain;padding:1.5rem max(1.5rem,calc((100% - 65ch)/2))calc(1.5rem + env(safe-area-inset-bottom))}.photo-details p,.photo-exif{margin-top:.75rem}.photo-exif{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.photo-fstop::first-letter{vertical-align:super;font-size:smaller}.photo-tags{display:flex;flex-wrap:wrap;gap:.5rem}.photo-tag{display:inline-block;border:1px solid;border-radius:.25rem;padding:.125rem .5rem;font-size:.875rem}.photo-details a,.photo-nav a{text-decoration:underline;text-underline-offset:3px}.photo-strip{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem;border-top:1px solid #a3a3a3;min-width:0}.photo-strip a{flex:0 0 var(--thumb-size)}.photo-strip a:first-child{margin-left:auto}.photo-strip a:last-child{margin-right:auto}.photo-strip img{width:var(--thumb-size);height:var(--thumb-size);-o-object-fit:cover;object-fit:cover}.photo-strip [aria-current=page]{outline:2px solid currentColor;outline-offset:2px}@keyframes photo-details-up{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes photo-details-down{from{transform:translateY(0)}to{transform:translateY(100%)}}@media(max-width:640px),(max-height:600px){.flickr-photo{--thumb-size:55px;gap:.5rem;padding-inline:1rem}.photo-nav{gap:.5rem}}@media(prefers-reduced-motion:reduce){.photo-drawer:has(details[open]),.photo-drawer:has(details[open]).is-closing{animation:none}}