.image-preview-wrapper[data-v-348d63da]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.image-preview-container[data-v-348d63da]{position:relative;width:90%;height:90%;max-width:1200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.preview-close[data-v-348d63da]{position:absolute;top:20px;right:20px;color:#fff;font-size:24px;cursor:pointer;z-index:1}.preview-close[data-v-348d63da]:hover{color:#4171ff}.image-container[data-v-348d63da]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.image-container img[data-v-348d63da]{max-width:100%;max-height:100%;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toolbar[data-v-348d63da]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20px}.toolbar .el-button-group[data-v-348d63da]{background-color:rgba(0,0,0,.5);border-radius:20px;padding:5px}.toolbar .el-button-group .el-button[data-v-348d63da]{background:transparent;border:none;color:#fff}.toolbar .el-button-group .el-button[data-v-348d63da]:hover{color:#4171ff;background:hsla(0,0%,100%,.1)}.toolbar .image-index[data-v-348d63da]{color:#fff;margin-left:20px;background-color:rgba(0,0,0,.5);padding:5px 15px;border-radius:20px}.nav-button[data-v-348d63da]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;font-size:40px;cursor:pointer;padding:0 20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nav-button[data-v-348d63da]:hover{color:#4171ff}.nav-button.prev[data-v-348d63da]{left:0}.nav-button.next[data-v-348d63da]{right:0}