*{box-sizing:border-box}body,html{height:100%}body{margin:0}body.ReactModal__Body--open{margin-right:10px;overflow-y:hidden}main{height:85%;overflow-y:auto;padding:5px}footer{align-items:center;background:#b3c100;display:flex;font-size:1em;font-weight:700;height:5%;justify-content:center}script{height:0}#Gallery{overflow-y:auto}ul{margin:0;padding:0}ul.image-gallery{list-style:none}ul.image-gallery li{border:thin solid #34675c;border-collapse:collapse;display:inline-block;margin:.5% 0 0;outline:5px auto #34675c;position:relative;transition:none}ul.image-gallery li:hover header{display:block}ul.image-gallery li header{background:#b3c100;bottom:0;display:none;height:32px;opacity:.8;position:absolute;width:100%;z-index:1}ul.image-gallery li header i{color:#fff}ul.image-gallery li header i.deleted,ul.image-gallery li header i.unsafe{color:red}ul.image-gallery img{height:100%;transition:filter 1s,opacity 1s;width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{-webkit-scrollbar-track:inset 0 0 6px rgba(0,0,0,.3)}::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:1px solid #708090}.hide{display:none}img.loading{opacity:0}.ReactModalPortalimg{height:auto;max-width:100%}.ReactModal__Overlay{z-index:1}