.modal{opacity:0;visibility:hidden;z-index:1000;background-color:#000000b3;width:100%;height:100%;transition:visibility 0s linear .15s,opacity .15s;position:fixed;top:0;left:0}.show{opacity:1;visibility:visible;transition:visibility linear,opacity .15s}html.modal-open{overflow:hidden}.modal-content .close{text-align:center;cursor:pointer;width:3rem;color:inherit;background-color:#fff;border:none;padding:0;font-family:inherit;font-size:3rem;line-height:3rem;position:absolute;top:10px;right:10px}.modal-content .btn{display:none}@media (hover:hover){.modal-content:hover .btn{display:initial;cursor:pointer;background-color:#fff;border-style:none;font-size:25px;position:absolute;top:50%}.modal-content:hover .btn:disabled{cursor:initial}.modal-content:hover .btn.next{right:15px}.modal-content:hover .btn.prev{left:15px}}@media (hover:none){.modal-content.clicked .btn{display:initial;cursor:pointer;background-color:#fff;border-style:none;font-size:25px;position:absolute;top:50%}.modal-content.clicked .btn:disabled{cursor:initial}.modal-content.clicked .btn.next{right:15px}.modal-content.clicked .btn.prev{left:15px}}.modal-content:has(:focus-visible) .btn{display:initial;cursor:pointer;background-color:#fff;border-style:none;font-size:25px;position:absolute;top:50%}.modal-content:has(:focus-visible) .btn:disabled{cursor:initial}.modal-content:has(:focus-visible) .btn.next{right:15px}.modal-content:has(:focus-visible) .btn.prev{left:15px}.modal-content{box-sizing:border-box;background-color:#fff;border-radius:.125rem;padding:0;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.modal-content img{width:initial;height:initial;object-fit:contain;max-width:90vw;max-height:85vh}@media screen and (min-width:800px){.modal-content img{border:60px solid #fff;border-bottom-width:40px;max-width:calc(90vw - 120px);max-height:calc(85vh - 120px)}}.modal-content .modal-footer{box-sizing:border-box;flex-flow:column;align-items:center;padding:0 10px 4px;display:flex}.modal-content .modal-footer .image-date{color:#0009}@media screen and (max-height:500px){.modal-content .modal-footer{display:none}.modal-content{background-color:#0000}.modal-content img{border-radius:.125rem}}@media (prefers-reduced-motion:reduce){.modal,.show{transition:none}}.site{max-width:900px;margin:0 auto}.images{flex-wrap:wrap;display:flex}.images .tile{aspect-ratio:1;cursor:pointer;display:block;overflow:hidden;flex-grow:0!important}.images .tile picture{display:contents}.images .tile img{object-fit:cover;width:100%;height:100%;display:block}@media screen and (min-width:901px){.images .tile{flex:1 0 calc(33.3333% - 40px);width:calc(33.3333% - 40px);margin:20px}}@media screen and (max-width:900px){.images .tile{flex:1 0 30.3333%;width:30.3333%;margin:1.5%}}@media screen and (max-width:700px){.images .tile{flex:1 0 calc(33.3333% - 1px);width:calc(33.3333% - 1px);margin:.5px}}@media screen and (max-width:450px){.images .tile{flex:1 0 calc(100% - 50px);width:calc(100% - 50px);margin:5px 25px}}.btn{cursor:pointer;background-color:#00000012;border:none;padding:5px 10px;font-size:20px}.btn:disabled{opacity:.4;cursor:default}.pagination{justify-content:center;display:flex}.pagination .btn{margin:5px}
