.tiny-image-viewer{--ti-image-viewer-text-color:var(--ti-common-color-light, #fff);--ti-image-viewer-actions-inner-text-color:var(--ti-common-color-light, #fff);--ti-image-viewer-close-font-size:var(--ti-common-font-size-4, 20px);--ti-image-viewer-close-bg-color:#606266;--ti-image-viewer-close-top:40px;--ti-image-viewer-close-right:40px;--ti-image-viewer-close-width:40px;--ti-image-viewer-close-height:40px;--ti-image-viewer-close-bg-color-hover:#606266;--ti-image-viewer-actions-border-radius:22px;--ti-image-viewer-actions-inner-font-size:23px;--ti-image-viewer-actions-width:282px;--ti-image-viewer-actions-height:44px;--ti-image-viewer-actions-bottom:30px;--ti-image-viewer-actions-inner-justify-content:space-around;--ti-image-viewer-next-font-size:var(--ti-common-font-size-5, 24px);--ti-image-viewer-next-width:44px;--ti-image-viewer-next-height:44px;--ti-image-viewer-mask-wrap-bg-color:none;--ti-image-viewer-btn-opacity:0.8;--ti-image-viewer-mask-bg-color:#000}.tiny-image-viewer__wrapper{background:var(--ti-image-viewer-mask-wrap-bg-color);position:fixed;top:0;right:0;bottom:0;left:0}.tiny-image-viewer__btn{position:absolute;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;opacity:var(--ti-image-viewer-btn-opacity);-webkit-box-sizing:border-box;box-sizing:border-box;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-image-viewer__btn svg{fill:var(--ti-image-viewer-text-color)}.tiny-image-viewer__close{top:var(--ti-image-viewer-close-top);right:var(--ti-image-viewer-close-right);width:var(--ti-image-viewer-close-width);height:var(--ti-image-viewer-close-height);font-size:var(--ti-image-viewer-close-font-size);background-color:var(--ti-image-viewer-close-bg-color)}.tiny-image-viewer__close:hover{cursor:pointer;background-color:var(--ti-image-viewer-close-bg-color-hover)}.tiny-image-viewer__canvas{width:100%;height:100%;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}.tiny-image-viewer__actions{left:50%;bottom:var(--ti-image-viewer-actions-bottom);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:var(--ti-image-viewer-actions-width);height:var(--ti-image-viewer-actions-height);padding:0 23px;background-color:var(--ti-image-viewer-close-bg-color);border-radius:var(--ti-image-viewer-actions-border-radius)}.tiny-image-viewer__actions-inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:var(--ti-image-viewer-actions-inner-font-size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:var(--ti-image-viewer-actions-inner-justify-content);-ms-flex-pack:var(--ti-image-viewer-actions-inner-justify-content);justify-content:var(--ti-image-viewer-actions-inner-justify-content)}.tiny-image-viewer__actions-inner svg{fill:var(--ti-image-viewer-actions-inner-text-color);margin-right:20px}.tiny-image-viewer__actions-inner svg:hover{cursor:pointer}.tiny-image-viewer__next,.tiny-image-viewer__prev{top:50%;width:var(--ti-image-viewer-next-width);height:var(--ti-image-viewer-next-height);font-size:var(--ti-image-viewer-next-font-size);background-color:var(--ti-image-viewer-close-bg-color)}.tiny-image-viewer__next:hover,.tiny-image-viewer__prev:hover{cursor:pointer;background-color:var(--ti-image-viewer-close-bg-color-hover)}.tiny-image-viewer__prev{-webkit-transform:translateY(-50%);transform:translateY(-50%);left:40px}.tiny-image-viewer__next{-webkit-transform:translateY(-50%);transform:translateY(-50%);right:40px;text-indent:2px}.tiny-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:var(--ti-image-viewer-mask-bg-color)}