.fz-image-preview__wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.fz-image-preview__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;-moz-user-select:none;user-select:none}.fz-image-preview__btn .fz-icon{font-size:inherit;cursor:pointer}.fz-image-preview__close{top:40px;right:40px;width:40px;height:40px;font-size:40px}.fz-image-preview__canvas{position:static;width:100%;height:100%;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fz-image-preview__actions{left:50%;bottom:30px;transform:translate(-50%);width:282px;height:44px;padding:0 23px;background-color:var(--fz-text-color-regular);border-color:#fff;border-radius:22px}.fz-image-preview__actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:23px;color:#fff;display:flex;align-items:center;justify-content:space-around}.fz-image-preview__prev{top:50%;transform:translateY(-50%);left:40px;width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--fz-text-color-regular);border-color:#fff}.fz-image-preview__next{top:50%;transform:translateY(-50%);right:40px;text-indent:2px;width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--fz-text-color-regular);border-color:#fff}.fz-image-preview__close{width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--fz-text-color-regular);border-color:#fff}.fz-image-preview__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:#000}.viewer-fade-enter-active{animation:viewer-fade-in var(--fz-transition-duration)}.viewer-fade-leave-active{animation:viewer-fade-out var(--fz-transition-duration)}@keyframes viewer-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes viewer-fade-out{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-20px,0);opacity:0}}