.f-image-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000}.f-image-preview__mask{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-color:#23272e}.f-image-preview__container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1999;transition:.3s;display:flex;justify-content:center;align-items:center}.f-image-preview__container .f-image-preview__wrapper .f-image-preview__node{transition:.3s}.f-image-preview__container .f-image-preview__wrapper-transition-enter-active,.f-image-preview__container .f-image-preview__wrapper-transition-leave-active{transition:all .2s ease-out}.f-image-preview__container .f-image-preview__wrapper-transition-enter-from,.f-image-preview__container .f-image-preview__wrapper-transition-leave-to{opacity:0;transform:scale(.4)}.f-image-preview__container-center{display:flex;justify-content:center;align-items:center}.f-image-preview__container-center .f-image-preview__wrapper{border-radius:6px;max-height:calc(100vh - 200px);max-width:calc(100vw - 140px);box-shadow:0 0 18px #0006}.f-image-preview__container-center .f-image-preview__wrapper-transition-enter-from,.f-image-preview__container-center .f-image-preview__wrapper-transition-leave-to{transform:scale(.4)}.f-image-preview__option{width:370px;position:fixed;right:0;left:0;bottom:25px;margin:auto;z-index:200}.f-image-preview__next,.f-image-preview__prev,.f-image-preview__close{position:fixed;margin:auto;z-index:200}.f-image-preview__prev{left:30px;top:0;bottom:0}.f-image-preview__next{right:30px;top:0;bottom:0}.f-image-preview__close{right:30px;top:30px}.f-image-preview__transition-enter-active{transition:all .2s ease-out}.f-image-preview__transition-leave-active{transition:all .4s cubic-bezier(1,.5,.8,1)}.f-image-preview__transition-enter-from,.f-image-preview__transition-leave-to{opacity:0}