#sviewer-overlay{display:none;position:fixed;z-index:8;top:0;bottom:0;left:0;right:0;background:#000}#sviewer-overlay.sviewer-active{display:block}#sviewer-close{position:absolute;top:4px;right:10px;width:30px;height:30px;cursor:pointer}#sviewer-close::before,#sviewer-close::after{display:block;position:absolute;left:15px;content:'';height:33px;width:3px;background:#fff}#sviewer-close::before{transform:rotate(45deg)}#sviewer-close::after{transform:rotate(-45deg)}.sviewer-dir{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:40px;cursor:pointer}#sviewer-prev{left:0}#sviewer-prev::before{display:block;width:21px;height:21px;margin:7px 0 0 12px;border-top:4px solid #fff;border-right:4px solid #fff;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);content:''}#sviewer-next{right:5px}#sviewer-next::before{display:block;width:21px;height:21px;margin:7px 12px 0 0;border-bottom:4px solid #fff;border-left:4px solid #fff;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);content:''}#sviewer{visibility:hidden;overflow:hidden;position:fixed;z-index:9;top:10px;bottom:10px;left:45px;right:45px;text-align:center}#sviewer.sviewer-active{visibility:visible}#sviewer-track{display:flex;justify-content:flex-start;transform:translateX(0);height:100%;max-height:100%;-webkit-transition:transform 0.5s ease-in-out;-moz-transition:transform 0.5s ease-in-out;-o-transition:transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out}#sviewer-track img{position:relative;top:50%;transform:translateY(-50%);width:auto;height:auto;max-width:100%;max-height:100%}#sviewer-overlay.sviewer-one #sviewer-prev,#sviewer-overlay.sviewer-one #sviewer-next{display:none}