.jcloud-ant-image{display:inline-block;position:relative}.jcloud-ant-image-img{height:auto;vertical-align:middle;width:100%}.jcloud-ant-image-img-placeholder{background-color:#f5f5f5;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjUgMi41aC0xM0EuNS41IDAgMCAwIDEgM3YxMGEuNS41IDAgMCAwIC41LjVoMTNhLjUuNSAwIDAgMCAuNS0uNVYzYS41LjUgMCAwIDAtLjUtLjV6TTUuMjgxIDQuNzVhMSAxIDAgMCAxIDAgMiAxIDEgMCAwIDEgMC0yem04LjAzIDYuODNhLjEyNy4xMjcgMCAwIDEtLjA4MS4wM0gyLjc2OWEuMTI1LjEyNSAwIDAgMS0uMDk2LS4yMDdsMi42NjEtMy4xNTZhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTYuMDE2TDcuMDggMTAuMDlsMi40Ny0yLjkzYS4xMjYuMTI2IDAgMCAxIC4xNzctLjAxNmwuMDE1LjAxNiAzLjU4OCA0LjI0NGEuMTI3LjEyNyAwIDAgMS0uMDIuMTc1eiIgZmlsbD0iIzhDOEM4QyIvPjwvc3ZnPg==);background-position:50%;background-repeat:no-repeat;background-size:30%}.jcloud-ant-image-mask{align-items:center;background:rgba(0,0,0,.5);bottom:0;color:#fff;cursor:pointer;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.jcloud-ant-image-mask-info{overflow:hidden;padding:0 4px;text-overflow:ellipsis;white-space:nowrap}.jcloud-ant-image-mask-info .anticon{margin-inline-end:4px}.jcloud-ant-image-mask:hover{opacity:1}.jcloud-ant-image-placeholder{bottom:0;left:0;position:absolute;right:0;top:0}.jcloud-ant-image-preview{height:100%;pointer-events:none;text-align:center}.jcloud-ant-image-preview.jcloud-ant-zoom-appear,.jcloud-ant-image-preview.jcloud-ant-zoom-enter{animation-duration:.3s;opacity:0;transform:none;user-select:none}.jcloud-ant-image-preview-mask{background-color:rgba(0,0,0,.45);bottom:0;height:100%;left:0;position:fixed;right:0;top:0;z-index:1000}.jcloud-ant-image-preview-mask-hidden{display:none}.jcloud-ant-image-preview-wrap{bottom:0;left:0;outline:0;overflow:auto;position:fixed;right:0;top:0}.jcloud-ant-image-preview-body{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.jcloud-ant-image-preview-img{cursor:grab;max-height:100%;max-width:100%;pointer-events:auto;transform:scaleX(1);transition:transform .3s cubic-bezier(.215,.61,.355,1) 0s;user-select:none;vertical-align:middle}.jcloud-ant-image-preview-img-wrapper{bottom:0;left:0;position:absolute;right:0;top:0;transition:transform .3s cubic-bezier(.215,.61,.355,1) 0s}.jcloud-ant-image-preview-img-wrapper:before{content:"";display:inline-block;height:50%;margin-right:-1px;width:1px}.jcloud-ant-image-preview-moving .jcloud-ant-image-preview-img{cursor:grabbing}.jcloud-ant-image-preview-moving .jcloud-ant-image-preview-img-wrapper{transition-duration:0s}.jcloud-ant-image-preview-wrap{z-index:1080}.jcloud-ant-image-preview-operations-wrapper{position:fixed;right:0;top:0;width:100%;z-index:1081}.jcloud-ant-image-preview-operations{font-feature-settings:"tnum";align-items:center;background:rgba(0,0,0,.1);box-sizing:border-box;color:rgba(0,0,0,.85);color:hsla(0,0%,100%,.85);display:flex;flex-direction:row-reverse;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;margin:0;padding:0;pointer-events:auto}.jcloud-ant-image-preview-operations-operation{cursor:pointer;margin-left:12px;padding:12px;transition:all .3s}.jcloud-ant-image-preview-operations-operation:hover{background:rgba(0,0,0,.2)}.jcloud-ant-image-preview-operations-operation-disabled{color:hsla(0,0%,100%,.25);pointer-events:none}.jcloud-ant-image-preview-operations-operation:last-of-type{margin-left:0}.jcloud-ant-image-preview-operations-progress{left:50%;position:absolute;transform:translateX(-50%)}.jcloud-ant-image-preview-operations-icon{font-size:18px}.jcloud-ant-image-preview-switch-left,.jcloud-ant-image-preview-switch-right{align-items:center;background:rgba(0,0,0,.1);border-radius:50%;color:hsla(0,0%,100%,.85);cursor:pointer;display:flex;height:44px;justify-content:center;pointer-events:auto;position:fixed;right:8px;top:50%;transform:translateY(-50%);transition:all .3s;width:44px;z-index:1081}.jcloud-ant-image-preview-switch-left:hover,.jcloud-ant-image-preview-switch-right:hover{background:rgba(0,0,0,.2)}.jcloud-ant-image-preview-switch-left-disabled,.jcloud-ant-image-preview-switch-left-disabled:hover,.jcloud-ant-image-preview-switch-right-disabled,.jcloud-ant-image-preview-switch-right-disabled:hover{background:rgba(0,0,0,.1);color:hsla(0,0%,100%,.25);cursor:not-allowed}.jcloud-ant-image-preview-switch-left-disabled:hover>.anticon,.jcloud-ant-image-preview-switch-left-disabled>.anticon,.jcloud-ant-image-preview-switch-right-disabled:hover>.anticon,.jcloud-ant-image-preview-switch-right-disabled>.anticon{cursor:not-allowed}.jcloud-ant-image-preview-switch-left>.anticon,.jcloud-ant-image-preview-switch-right>.anticon{font-size:18px}.jcloud-ant-image-preview-switch-left{left:8px}.jcloud-ant-image-preview-switch-right{right:8px}