.react-viewer{opacity:0}.react-viewer-inline{width:100%;height:100%;min-height:400px;position:relative}.react-viewer ul{margin:0;padding:0}.react-viewer li{list-style:none}.react-viewer-mask{height:100%;-webkit-filter:alpha(opacity=50);filter:alpha(opacity=50);z-index:1000;background-color:rgba(55,55,55,.6);position:fixed;top:0;bottom:0;left:0;right:0}.react-viewer-btn{color:#fff;background-color:rgba(0,0,0,.5)}.react-viewer-btn:hover{background-color:rgba(0,0,0,.8)}.react-viewer-close{cursor:pointer;z-index:1010;border-radius:0 0 0 40px;width:40px;height:40px;position:fixed;top:0;right:0;overflow:hidden}.react-viewer-close>i{position:relative;top:4px;left:18px}.react-viewer-canvas{z-index:1005;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.react-viewer-canvas>img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:auto;height:auto;display:block}.react-viewer-canvas>img.drag{cursor:move}.react-viewer-footer{text-align:center;z-index:1005;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.react-viewer-inline>.react-viewer-mask,.react-viewer-inline>.react-viewer-close,.react-viewer-inline>.react-viewer-canvas,.react-viewer-inline>.react-viewer-footer{position:absolute}.react-viewer-attribute{opacity:.8;color:#ccc;margin:0 0 6px;font-size:15px}.react-viewer-toolbar{height:28px;overflow:hidden;margin-bottom:6px!important}.react-viewer-toolbar li{cursor:pointer;border-radius:28px;width:28px;height:28px;margin-right:3px;line-height:28px;display:inline-block}.react-viewer-toolbar li:hover{background-color:rgba(0,0,0,.8)}.react-viewer li.empty{cursor:default;background-color:transparent}.react-viewer-navbar{background-color:rgba(0,0,0,.5);overflow:hidden}.react-viewer-list{text-align:left;height:50px;padding:1px}.react-viewer-list>li{cursor:pointer;width:30px;height:50px;margin-right:1px;display:inline-block;overflow:hidden}.react-viewer-list>li>img{opacity:.5;width:60px;height:50px;margin-left:-15px}.react-viewer-list>li.active>img{opacity:1}.react-viewer-transition{transition:opacity .3s ease-out}.react-viewer-image-transition{transition-property:width,height,margin,transform;transition-duration:.3s;transition-timing-function:ease-out}.react-viewer-list-transition{transition:margin .3s ease-out}.react-viewer-icon{vertical-align:baseline;text-align:center;text-transform:none;text-rendering:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-size:13px;font-style:normal;line-height:1;display:inline-block;font-family:icomoon!important}.react-viewer-icon-zoomIn:before{content:""}.react-viewer-icon-zoomOut:before{content:""}.react-viewer-icon-prev:before{content:""}.react-viewer-icon-next:before{content:""}.react-viewer-icon-close:before{content:""}.react-viewer-icon-rotateLeft:before{content:""}.react-viewer-icon-rotateRight:before{content:""}.react-viewer-icon-reset:before{content:""}.react-viewer-icon-scaleX:before{content:""}.react-viewer-icon-scaleY:before{content:""}.react-viewer-icon-download:before{content:""}.circle-loading{box-sizing:border-box;border:10px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:100%;width:80px;height:80px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}