div#bi-clo {
display: none !important;
}

img#image-viewer {
width: 100vw;
height: 99vh;
object-fit: contain;
min-width: 340px;
}

html,body {
overflow: hidden;
width: 100%;
height: 100%;
padding: 0px;
margin: 0;
}

button.btn-prev,
button.btn-next{
display: inline-block;
padding: 0;
position: absolute;
top: calc(50vh - 16px);
left: 4px;
z-index: 10;
cursor: pointer;
background: #000;
color: #fff;
border: none;
height: 32px;
width: 32px;
box-sizing: border-box;
line-height: 32px;
text-align: left;
box-shadow: 0 0 1px #fff;
cursor: pointer;
outline: none;
/* content: '>'; */
text-indent: -9999999px;
font-size: 0;
}
button.btn-prev::before,
button.btn-next::before{content: '<';
display: block;
color: #666;
font-size: 15px;
text-indent: 0px;
text-align: center;
font-family: serif;}

button.btn-prev:hover,
button.btn-next:hover{opacity: .5;}
button.btn-prev{}
button.btn-next{
left: auto;
right: 4px;
}

button.btn-next:before {content: '>';}