/* container */
.imgBrowser_container { display:none; }
/**/


/* images / elements */
.imgBrowser_imglist { display:flex;flex-flow: row nowrap; overflow-x:scroll; touch-action: pan-x; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; scroll-snap-type:x mandatory; }
.imgBrowser_imglist::-webkit-scrollbar { width:0; height:0; background: transparent;  }

.imgBrowser_imgdiv { width:100vw;height:100vh;overflow:hidden; flex:0 0 100vw;  scroll-snap-align: start;}
.imgBrowser_imgdiv img { object-fit:contain;width:100%;height:100%; }
/**/

/* navigational elements */
.imgBrowser_closebutton { position:absolute; z-index:1;  top:calc(env(safe-area-inset-top) + 10px); right:10px; color:#fff; font-size:30px; cursor:pointer; filter:drop-shadow(0px 0px 5px rgba(0,0,0,.8))}
.imgBrowser_closelink { position:absolute; z-index:1; bottom:calc(env(safe-area-inset-top) + 15px); width:100%; text-align:center; color:#fff; height:20px; cursor:pointer; filter:drop-shadow(0px 0px 5px rgba(0,0,0,.8)); }

.imgBrowser_nextbutton, .imgBrowser_prevbutton { position:absolute; top:calc(env(safe-area-inset-top) + 50px);  z-index:1; height:calc(100vh - env(safe-area-inset-top) - 60px); width:50px; box-sizing:border-box; color:#fff; font-size:25px; cursor:pointer; filter:drop-shadow(0px 0px 5px rgba(0,0,0,.8)) }
.imgBrowser_nextbutton { right:0; padding:50vh 10px 0 0; text-align:right; }
.imgBrowser_prevbutton { left:0; padding:50vh 0 0 10px; text-align:left; }
/* */

/* dotlist */
.imgBrowser_dotlist { position:absolute; z-index:1; bottom:calc(env(safe-area-inset-top) + 40px); width:100%; text-align:center; }
.imgBrowser_dot { display:inline-block; width:5px; height:5px; background:rgba(255,255,255,.3); border-radius:5px; margin-left:3px; box-shadow: 0px 0px 5px rgba(0,0,0,.2); }
.imgBrowser_dot_current { background:#fff; }
/**/