#viewer{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .8s;z-index:9999;overscroll-behavior:none;overflow-y:auto;}#viewer.show{opacity:1;visibility:visible;}#viewer.show.fadeout{opacity:0;transition:opacity .3s;}#viewer img{max-width:90%;max-height:90%;transform-origin:center;transition:transform .15s;touch-action:none;}#viewer .nav{position:absolute;top:50%;transform:translateY(-50%);font-size:40px;background:none;border:0;cursor:pointer;padding:20px;z-index:10;filter:drop-shadow(0 3px 3px rgba(0,0,0,.2));}#viewer .nav .arrow{position:relative;display:inline-block;width:16.7px;height:29.5px;}#viewer .nav .arrow::before,#viewer .nav .arrow::after{content:"";position:absolute;top:calc(50% - 2px);width:22px;height:4px;border-radius:9999px;background-color:#fff;}#viewer .nav .arrow::before{transform:rotate(45deg);}#viewer .nav .arrow::after{transform:rotate(-45deg);}#viewer .nav.prev{left:10px;}#viewer .nav.prev .arrow::before,#viewer .nav.prev .arrow::after{left:0;transform-origin:2px 50%;}#viewer .nav.next{right:10px;}#viewer .nav.next .arrow::before,#viewer .nav.next .arrow::after{right:0;transform-origin:calc(100% - 2px) 50%;}