:root{--text-clear:white}.btn-transparent{background:transparent;border:none}body:has(.pictureViewer.open){overflow:hidden}.pictureViewer{position:fixed;height:100vh;width:100vw;top:0;left:0;display:flex;flex-direction:column;background-color:rgba(0,0,0,.7);backdrop-filter:blur(10px);z-index:9999}.pictureViewer>.pictureViewerHeader,.pictureViewer>.pictureViewerFooter{height:60px;padding:15px;display:flex;align-items:center}.pictureViewerHeader>#pictureViewerTitle{font-size:17px;color:var(--text-clear)}.pictureViewerHeader>.pictureViewerOptions{margin-left:10px}.pictureViewerHeader>button{margin-left:auto;color:var(--text-clear)}.pictureViewer>.pictureViewerBody{height:calc(100vh - 120px);display:flex;flex-direction:row;align-items:center}.pictureViewerBody>.pictureViewerPrevContainer,.pictureViewerBody>.pictureViewerNextContainer{padding:50px}.pictureViewerBody>.pictureViewerPrevContainer>button,.pictureViewerBody>.pictureViewerNextContainer>button{color:var(--text-clear);font-size:25px}.pictureViewerBody>.pictureViewerContent{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.pictureViewerContent>.pictureViewerImg{max-height:100%;max-width:100%;object-fit:cover;border-radius:16px;box-shadow:rgba(99,99,99,.2) 0 2px 8px 0}@media screen and (max-width:768px){.pictureViewerBody>.pictureViewerPrevContainer,.pictureViewerBody>.pictureViewerNextContainer{padding:10px}.pictureViewerContent>.pictureViewerImg{height:auto;width:calc(100% - 20px)}}@media screen and (min-width:769px) and (max-width:1366px){.pictureViewerBody>.pictureViewerPrevContainer,.pictureViewerBody>.pictureViewerNextContainer{padding:30px}.pictureViewerContent>.pictureViewerImg{height:auto}}