[dir] .bit-image__error,[dir] .bit-image__placeholder{background:var(--bit-bg-color-primary)}.bit-image__error,.bit-image__inner,.bit-image__placeholder{width:100%;height:100%}.bit-image{position:relative;display:inline-block;overflow:hidden}[dir] .bit-image{border-radius:16px}.bit-image__inner{vertical-align:top}.bit-image__inner--center{position:relative;top:50%;display:block}[dir=ltr] .bit-image__inner--center{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .bit-image__inner--center{right:50%;transform:translate(50%,-50%)}.bit-image__error{display:flex;justify-content:center;align-items:center;font-size:12px;color:var(--bit-color-text-placeholder);vertical-align:middle;flex-flow:column;font-weight:400}[dir] .bit-image__preview{cursor:pointer}.bit-image-viewer__wrapper{position:fixed;top:0;bottom:0}[dir=ltr] .bit-image-viewer__wrapper,[dir=rtl] .bit-image-viewer__wrapper{right:0;left:0}.bit-image-viewer__btn{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;opacity:.8;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir] .bit-image-viewer__btn{border-radius:50%;cursor:pointer}.bit-image-viewer__close{top:40px;width:40px;height:40px;font-size:24px;color:#fff}[dir] .bit-image-viewer__close{background-color:rgba(0,0,0,.7)}[dir=ltr] .bit-image-viewer__close{right:40px}[dir=rtl] .bit-image-viewer__close{left:40px}.bit-image-viewer__canvas{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.bit-image-viewer__actions{bottom:30px;height:44px}[dir] .bit-image-viewer__actions{padding:0 23px;border-radius:999999px;background:rgba(0,0,0,.7)}[dir=ltr] .bit-image-viewer__actions{left:50%;transform:translateX(-50%)}[dir=rtl] .bit-image-viewer__actions{right:50%;transform:translateX(50%)}.bit-image-viewer__actions__inner{width:100%;height:100%;font-size:23px;color:#fff;display:flex;align-items:center;justify-content:space-around}[dir] .bit-image-viewer__actions__inner{text-align:justify;cursor:default}.bit-image-viewer__next,.bit-image-viewer__prev{top:50%;width:44px;height:44px;font-size:24px;color:#fff}[dir] .bit-image-viewer__next,[dir] .bit-image-viewer__prev{background-color:rgba(0,0,0,.7);border-color:#fff}[dir] .bit-image-viewer__actions__inner .bit-icon{margin:0 24px}[dir=ltr] .bit-image-viewer__prev{left:40px}[dir=rtl] .bit-image-viewer__prev{right:40px}.bit-image-viewer__next,.bit-image-viewer__prev{-webkit-transform:translateY(-50%)}[dir] .bit-image-viewer__next,[dir] .bit-image-viewer__prev{transform:translateY(-50%)}.bit-image-viewer__next{text-indent:2px}[dir=ltr] .bit-image-viewer__next{right:40px}[dir=rtl] .bit-image-viewer__next{left:40px}.bit-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;opacity:.7}[dir] .bit-image-viewer__mask{background:#000}[dir=ltr] .bit-image-viewer__mask{left:0}[dir=rtl] .bit-image-viewer__mask{right:0}[dir=ltr] .viewer-fade-enter-active,[dir=rtl] .viewer-fade-enter-active{animation:viewer-fade-in .3s}[dir=ltr] .viewer-fade-leave-active,[dir=rtl] .viewer-fade-leave-active{animation:viewer-fade-out .3s}@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}}