#inubox {position:fixed;background:rgba(0,0,0,0.75);top:0;left:0;width:100vw;height:100vh;z-index:1000;display:none;color:black}
#inubox a {color:black}
#inubox.iO {display:table}
#inubox > div {display:table-cell;vertical-align:middle;text-align:center}
#inubox #inuI, #inubox #inuP, #inubox #inuN, #inubox #inuT, #inubox #inuT > div > div > h2 {display:none}

#inubox #inuC {position: absolute;left:0;top:0;width:100vw;height:100vh}

#inubox.hI #inuI {display:inline-block;position:relative;box-shadow:3px 3px 15px 0 rgba(255,255,255,0.8)}
#inubox.hI #inuII {max-width:90vw;max-height:90vh;object-fit:scale-down;vertical-align:bottom}
#inubox.hP #inuP {display:block;position:absolute;top:0;left:0;width:20%;height:100%;cursor:pointer;font-size:300%}
#inubox.hP #inuP:hover {background-image:linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0));color:white}
#inubox.hP #inuP img {position:absolute;top:calc(50% - 24px);left:10px}
#inubox.hN #inuN {display:block;position:absolute;top:0;right:0;;width:25%;height:100%;cursor:pointer;font-size:300%}
#inubox.hN #inuN:hover {background-image:linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0));color:white}
#inubox.hN #inuN img {position:absolute;top:calc(50% - 24px);right:10px}

#inubox.hT #inuT {display:table;position:fixed;bottom:0;left:0;width:100vw;height:100vh}
#inubox.hT #inuT > div {display:table-cell;vertical-align:middle;text-align:center}
#inubox.hT #inuT > div > div {background:white;width:700px;max-width:90vw;margin:auto;padding:10px;text-align:left;position:relative;max-height:90vh;overflow:auto;}
#inubox.hT #inuT > div > div > img {float:right;cursor:pointer}
#inubox.hH #inuT > div > div > h2 {margin: 5px 0 10px;display:block}
#inubox.hT.hI #inuT {height:auto;bottom:20px}
#inubox.hT.hI #inuT > div > div {background:rgba(255,255,255,0.8)}
#inubox.hT.hI #inuT > div > div > img {display: none}

.inutxt {display: none}