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


/* images / elements */
.imgBrowser_imglist { display:flex;flex-flow: row nowrap; overflow-x:scroll; -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:25px; cursor:pointer; filter:drop-shadow(0px 0px 5px rgba(0,0,0,.8))}
.imgBrowser_nextbutton { position:absolute; z-index:1; top:50%; right:10px; color:#fff; font-size:25px; cursor:pointer; filter:drop-shadow(0px 0px 5px rgba(0,0,0,.8)) }
.imgBrowser_prevbutton { position:absolute; z-index:1; top:50%; left:10px; color:#fff; font-size:25px; cursor:pointer; filter:drop-shadow(0px 0px 5px rgba(0,0,0,.8)) }
/* */

/* dotlist */
.imgBrowser_dotlist { position:absolute; z-index:1; bottom:calc(env(safe-area-inset-top) + 15px); 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; }
/**/