.gallery{width:900px;margin:auto;margin-top:2em;text-align:center}.top-section{display:flex;justify-content:center;flex-direction:column;align-content:center;flex-wrap:wrap}.photo-viewer{transform:translate(0,-50%)!important}.image-container{margin-block:1em}a:has(h1){color:inherit;text-decoration:none}.grid{position:relative;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@supports (grid-template-rows:masonry){.grid{grid-template-rows:masonry;masonry-auto-flow:ordered}}.top-search{display:flex;align-items:center;column-gap:8px}.top-search>div{display:flex;align-items:center;column-gap:8px}.top-search select{margin:0;border:1px solid var(--input-outline)}.top-search .filter.icon{position:relative;right:0}.top-search .searchbar button{padding:0 8px}.searchbar{display:flex}.searchbar input{padding:0 8px;width:175px;border:1px solid var(--input-outline);margin:0}.searchbar>input{margin-right:6px}.searchbar>div{display:flex;margin:0 6px;position:relative}.searchbar button{background:var(--button-primary);display:flex;align-items:center;cursor:pointer;border:2px solid var(--button-primary-border);text-transform:uppercase}.filter.icon{position:absolute;right:5px;opacity:.6;align-self:center;cursor:pointer;width:25px;height:25px}.filter.icon:hover{opacity:.8}.filter-type>div{margin:5px 0}.filter-type input[type=checkbox]:not(:checked){background-color:var(--button-tag)}.filter-type input[type=checkbox]{margin-left:5px;pointer-events:none}.image-wrapper{position:relative;display:inline-block;cursor:pointer}.image-wrapper>img{width:100%;border-radius:5px}.image-wrapper .actions{background:var(--button);padding:2px;text-decoration:none;position:absolute;left:0;opacity:0}.image-wrapper .info{position:absolute;right:0;opacity:.5;background-color:#000}.image-wrapper .info>div{margin:2px}.image-wrapper>label{position:absolute;top:0;width:100%;height:100%;text-align:center;opacity:0;display:block}.image-wrapper:hover{filter:brightness(.9)}.image-wrapper:hover>.actions,.image-wrapper:hover>label{opacity:1}.image-wrapper>label>p{margin:0;padding:3px 10px;display:inline-block;text-shadow:1px 1px #000;position:relative;top:50%;padding:0;transform:translateY(-50%)}.photo-viewer{color:#ddd}.photo-viewer h2{margin:0;padding:15px}.photo-viewer .description{text-align:left;white-space:break-spaces;max-width:60vw;max-height:18vw;overflow-y:auto;margin:0 auto;padding:15px}.upload-date,.upload-date a{color:#909090!important}.photo-viewer .upload-date{margin-top:15px;margin-bottom:0}.description.album{color:#bbb}@keyframes fade-in{from{opacity:0}to{opacity:1}}@media all and (min-width:600px){.description.image{padding-top:0}}@media all and (max-width:600px){.gallery{width:100%}.section-gallery{margin:0}.query-options{display:flex;flex-direction:column}.query-options>div{display:inline-flex;justify-content:space-between;padding:5px}span.vl{display:none}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.photo-viewer{max-width:100vw;padding:10px 0}.photo-viewer>div>img{max-width:80vw}.photo-viewer>div{width:100vw}.photo-viewer .description{max-width:none;max-height:25vh}.photo-viewer img{max-height:45vh!important}}