html{scroll-behavior:smooth}body,html{height:100%;overflow:hidden}.v-cloak{display:none}.dim{opacity:.5}#app{margin:0;text-align:left}.navbar-brand{font-size:1em;font-weight:700}.navbar-brand img{width:100px;margin:0 15px 0 0}#toolbar{text-align:center}#menutogglebtn span,#refreshbtn span{display:none}.menubar{width:250px;position:fixed;overflow-y:scroll;top:111px;bottom:0;left:-260px;transition:left .4s ease}.appmenu .menubar{left:0}#imagesholder{position:fixed;font-size:0;text-align:center;bottom:0;top:113px;left:10px;overflow-y:scroll;transition:left .4s ease;scroll-behavior:smooth}.appmenu #imagesholder{left:260px}#imagesholder>div{display:inline-block;width:150px;height:150px;background-size:cover;background-position:50%;margin:5px 10px 5px 0;position:relative}#imagesholder>div>span{position:absolute;background-color:rgba(0,0,0,.5);color:#fff;font-size:12px;padding:3px;left:0;right:0}#imagesholder>div>span.date{top:0}#imagesholder>div>span.cam{bottom:0;text-align:right}#popupimg{left:0;right:0;top:0;background-color:rgba(0,0,0,.8);text-align:center;font-size:0;align-items:center;justify-content:center;flex-direction:column}#imgbtns,#popupimg{position:absolute;bottom:0;display:flex}#popupimg img{max-width:100%;max-height:80vh}#popupimg a{color:#fff;font-size:30px;padding:5px 20px}#popupimg .navdl{left:auto}.backdrop{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.8)}.foredrop{position:relative}.dropdown-menu{left:auto!important;right:0}@media only screen and (min-width:800px){.navbar-brand{font-size:2em}.navbar-brand img{width:200px;margin:0 35px 0 0}.navbar-expand-lg{flex-wrap:wrap}#toolbar{text-align:left}#menutogglebtn span,#refreshbtn span{display:inline-block}.appmenu .menubar{width:250px;top:135px}#imagesholder{text-align:left;top:135px}#imagesholder>div{width:200px;height:200px}}