.el-image-viewer__wrapper{position:fixed;inset:0}.el-image-viewer__wrapper:focus{outline:none!important}.el-image-viewer__btn{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.8;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none}.el-image-viewer__btn .el-icon{cursor:pointer}.el-image-viewer__close{top:2.5rem;right:2.5rem;width:2.5rem;height:2.5rem;font-size:2.5rem}.el-image-viewer__canvas{position:static;width:100%;height:100%;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}.el-image-viewer__actions{left:50%;bottom:1.875rem;transform:translate(-50%);height:2.75rem;padding:0 1.4375rem;background-color:var(--el-text-color-regular);border-color:#fff;border-radius:1.375rem}.el-image-viewer__actions__inner{width:100%;height:100%;cursor:default;font-size:1.4375rem;color:#fff;display:flex;align-items:center;justify-content:space-around;gap:1.375rem;padding:0 .375rem}.el-image-viewer__actions__divider{margin:0 -.375rem}.el-image-viewer__progress{left:50%;transform:translate(-50%);cursor:default;color:#fff;bottom:5.625rem}.el-image-viewer__prev{left:2.5rem}.el-image-viewer__next,.el-image-viewer__prev{top:50%;transform:translateY(-50%);width:2.75rem;height:2.75rem;font-size:1.5rem;color:#fff;background-color:var(--el-text-color-regular);border-color:#fff}.el-image-viewer__next{right:2.5rem;text-indent:.125rem}.el-image-viewer__close{width:2.75rem;height:2.75rem;font-size:1.5rem;color:#fff;background-color:var(--el-text-color-regular);border-color:#fff}.el-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:#000}.el-image-viewer-parent--hidden{overflow:hidden}.viewer-fade-enter-active{animation:viewer-fade-in var(--el-transition-duration)}.viewer-fade-leave-active{animation:viewer-fade-out var(--el-transition-duration)}@keyframes viewer-fade-in{0%{transform:translate3d(0,-1.25rem,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes viewer-fade-out{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-1.25rem,0);opacity:0}}.el-image__error,.el-image__inner,.el-image__placeholder,.el-image__wrapper{width:100%;height:100%}.el-image{position:relative;display:inline-block;overflow:hidden}.el-image__inner{vertical-align:top;opacity:1}.el-image__inner.is-loading{opacity:0}.el-image__wrapper{position:absolute;top:0;left:0}.el-image__error,.el-image__placeholder{background:var(--el-fill-color-light)}.el-image__error{display:flex;justify-content:center;align-items:center;font-size:.875rem;color:var(--el-text-color-placeholder);vertical-align:middle}.el-image__preview{cursor:pointer}