@layer gallery{:root{--gallery-transition-duration:.25s;--gallery-transition-easing:ease;--gallery-background-color:black;--gallery-caption-color:white;--gallery-photo-border-color:white}.gallery__modal{--gallery-transition-easing:ease-in;padding:var(--main-content-padding);background:var(--gallery-background-color);width:0;height:0;color:var(--gallery-caption-color);z-index:1000;opacity:0;transition:opacity var(--gallery-transition-duration) var(--gallery-transition-easing), width 0s var(--gallery-transition-easing) var(--gallery-transition-duration), height 0s var(--gallery-transition-easing) var(--gallery-transition-duration);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;top:0;left:0;overflow:hidden}.gallery__modal__content:after{content:"Loading...";opacity:0;background:var(--gallery-background-color);width:0;height:0;color:var(--gallery-caption-color);font-family:var(--font-secondary);justify-content:center;align-items:center;font-size:1.5rem;transition:opacity .25s,width 0s .25s,height 0s .25s;display:flex;position:absolute;top:0;left:0}.gallery__modal.gallery__modal--loading .gallery__modal__content:after{opacity:.8;width:100%;height:100%;transition:opacity .25s,width,height;position:absolute}.gallery__modal.gallery__modal--open{--gallery-transition-easing:ease-out;opacity:1;width:100%;height:100%;transition:opacity var(--gallery-transition-duration) var(--gallery-transition-easing), width 0s var(--gallery-transition-easing), height 0s var(--gallery-transition-easing)}.gallery__modal__content{flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.gallery__modal__content img[src=""],.gallery__modal__content img:not([src]){display:none}.gallery__modal__content img{object-fit:contain;border:4px solid var(--gallery-photo-border-color);max-width:100%;max-height:100%}.gallery__modal__footer{justify-content:center;gap:1rem;width:100%;display:flex}.gallery__modal__caption{max-width:var(--max-content-width);heigth:100%;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:.25rem;display:flex}.gallery__modal__prev,.gallery__modal__next{align-self:flex-end}.gallery__modal__prev,.gallery__modal__next,.gallery__modal__close{color:var(--gallery-caption-color);font-family:var(--font-secondary);cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:50%;width:3rem;height:3rem;padding:.5rem;font-size:2rem;transition:color .3s}.gallery__modal__prev:hover,.gallery__modal__prev:focus,.gallery__modal__next:hover,.gallery__modal__next:focus,.gallery__modal__close:hover,.gallery__modal__close:focus{color:var(--gallery-background-color);background:var(--gallery-caption-color);opacity:1}.gallery__modal__header{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.gallery__modal__title{max-width:var(--max-content-width);flex-flow:wrap;flex:1;justify-content:flex-start;align-items:center;gap:1rem;margin-right:4rem;display:flex}@media (width<=600px){.gallery__modal__header{flex-direction:column;padding-bottom:1rem}.gallery__modal__title{margin-right:0}}.gallery__modal__title__site{font-family:var(--font-secondary);opacity:.75;font-size:1.1rem}.gallery__modal__title__post{font-family:var(--font-secondary);font-size:1.1rem}.gallery__modal__caption__title{font-family:var(--font-secondary);font-size:1.1rem;font-weight:600}.gallery__modal__caption__title:empty{display:none}.gallery__modal__caption__description{opacity:.9;font-size:.9rem}.gallery__modal__caption__description:empty{display:none}.gallery__modal__caption__metadata{opacity:.75;flex-wrap:wrap;gap:1rem;font-size:.8rem;display:flex}}