:root{--ivue-image-font-size:14px;--ivue-image-preview-font-size:16px;--ivue-image-preview-icon-size:40px;--ivue-image-preview-icon-font-size:26px;--ivue-image-preview-close-position:16px;--ivue-image-preview-arrow-font-size:35px;--ivue-image-toolbar-bottom:30px;--ivue-image-toolbar-height:40px;--ivue-image-toolbar-radius:4px;--ivue-image-toolbar-transform:translate(-50%);--ivue-image-toolbar-item-margin:0 6px;--ivue-image-toolbar-item-padding:4px 8px;--ivue-image-toolbar-item-width:36px;--ivue-image-toolbar-item-height:40px;--ivue-image-mark-color:rgba(55, 55, 55, 0.6);--ivue-image-preview-color:rgba(55, 55, 55, 0.4)}.ivue-image{position:relative;display:inline-block;overflow:hidden}.ivue-image-content{position:relative;width:100%;height:100%}.ivue-image-content:hover .ivue-image-mark{opacity:1}.ivue-image-img{vertical-align:middle;width:100%;height:100%}.ivue-image-error,.ivue-image-loading{position:absolute;top:0;bottom:0;left:0;right:0;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;font-size:var(--ivue-image-font-size);z-index:1;color:var(--ivue-primary-color)}.ivue-image-error{color:var(--ivue-error-color)}.ivue-image-mark{position:absolute;left:0;top:0;right:0;bottom:0;background-color:var(--ivue-image-mark-colo);z-index:1;color:var(--ivue-white-color);cursor:pointer;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;font-size:var(--ivue-image-font-size);-webkit-transition:opacity .3s;transition:opacity .3s;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--ivue-image-mark-color)}.ivue-image-preview{position:relative;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;height:100%}.ivue-image-preview-mask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:var(--ivue-image-mark-color);height:100%}.ivue-image-preview-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.ivue-image-preview-error,.ivue-image-preview-loading{position:absolute;z-index:1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ivue-image-preview-error{color:var(--ivue-error-color);font-size:var(--ivue-image-preview-font-size)}.ivue-image-preview-image{cursor:-webkit-grab;cursor:grab}.ivue-image-preview-transition{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.ivue-image-preview-limit{max-width:100%;max-height:100%}.ivue-image-preview-hidden{display:none}.ivue-image-preview-grabbing{cursor:-webkit-grabbing;cursor:grabbing}.ivue-image-preview .ivue-image-preview-close,.ivue-image-preview .ivue-image-preview-left,.ivue-image-preview .ivue-image-preview-right{width:var(--ivue-image-preview-icon-size);height:var(--ivue-image-preview-icon-size);line-height:var(--ivue-image-preview-icon-size);border-radius:50%;color:var(--ivue-white-color);z-index:1;font-size:var(--ivue-image-preview-icon-font-size);cursor:pointer;background:var(--ivue-image-preview-color)}.ivue-image-preview .ivue-image-preview-close{position:absolute;right:var(--ivue-image-preview-close-position);top:var(--ivue-image-preview-close-position)}.ivue-image-preview .ivue-image-preview-left{position:absolute;top:50%;left:var(--ivue-image-preview-close-position);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:var(--ivue-image-preview-arrow-font-size)}.ivue-image-preview .ivue-image-preview-right{position:absolute;top:50%;right:var(--ivue-image-preview-close-position);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:var(--ivue-image-preview-arrow-font-size)}.ivue-image-preview-toolbar{position:absolute;left:50%;bottom:var(--ivue-image-toolbar-bottom);height:var(--ivue-image-toolbar-height);z-index:1;border-radius:var(--ivue-image-toolbar-radius);background:var(--ivue-image-preview-color);-webkit-transform:var(--ivue-image-toolbar-transform);-ms-transform:var(--ivue-image-toolbar-transform);transform:var(--ivue-image-toolbar-transform);overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ivue-image-preview-toolbar .ivue-image-preview-toolbar--item{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;position:relative;max-width:100%;min-height:1px;margin:var(--ivue-image-toolbar-item-margin);padding:var(--ivue-image-toolbar-item-padding);width:var(--ivue-image-toolbar-item-width);height:var(--ivue-image-toolbar-item-height);color:var(--ivue-white-color);cursor:pointer;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out;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}.ivue-image-preview-toolbar .ivue-image-preview-toolbar--item:hover{opacity:.75}.ivue-image-preview-toolbar .ivue-image-preview-toolbar--wait{cursor:wait}.ivue-image-preview-toolbar .ivue-load-loop{-webkit-animation:ivue-load-loop 1s linear infinite;animation:ivue-load-loop 1s linear infinite}@-webkit-keyframes ivue-load-loop{from{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ivue-load-loop{from{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}