.m4b-image-preview .arco-image-preview-close-btn{font-size:32px;height:48px;width:48px;display:flex;justify-content:center;align-items:center}.m4b-image-preview-suitable .arco-image-preview-wrapper .arco-image-preview-img-container .arco-image-preview-img,.m4b-image-preview-suitable .arco-image-preview-wrapper .arco-image-preview-img-container .m4b-image-preview-loading-placeholder{max-width:80%;max-height:80%;min-height:20%;min-width:20%}.m4b-image-preview .arco-image-preview-toolbar{transition:opacity .4s ease;box-shadow:0 4px 12px #0000001f}.m4b-image-preview .m4b-image-preview-loading-placeholder{max-height:100%;max-width:100%;transition:opacity .5s ease;opacity:0;filter:blur(2px);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m4b-image-preview-loading .arco-image-preview-img{opacity:0}.m4b-image-preview-loading .m4b-image-preview-loading-placeholder{opacity:1}.m4b-image-preview .arco-image-preview-toolbar-action-content{padding:0}.m4b-image-preview .arco-image-preview-toolbar-action:hover{background-color:transparent;color:var(--color-text-1)}.m4b-image-preview-preview-image-info{position:fixed;top:46px;color:var(--color-bg-white);left:50%;transform:translate(-50%);z-index:1002;font-weight:500;font-size:18px;line-height:28px;margin:0;width:70%;word-break:break-all;text-align:center;text-shadow:0px 2px 4px rgba(0,0,0,.25)}.m4b-image-preview .m4b-image-preview-action{display:flex;height:40px;width:40px;align-items:center;justify-content:center;color:var(--color-text-1);border-radius:4px;cursor:pointer}.m4b-image-preview .m4b-image-preview-action:hover{background-color:var(--color-border-state-hover)}.m4b-image-preview .m4b-image-preview-action:active{background-color:var(--color-border-state-active)}.m4b-image-preview .m4b-image-preview-action-readonly{display:flex;height:40px;width:40px;align-items:center;justify-content:center;color:var(--color-text-1);border-radius:4px;cursor:default;font-size:12px;font-weight:500;line-height:18px}.m4b-image-preview .m4b-image-preview-action-disabled{display:flex;height:40px;width:40px;align-items:center;justify-content:center;color:var(--color-text-1);border-radius:4px;color:var(--color-neutral-3);cursor:not-allowed}.m4b-image-preview .m4b-image-preview-action-group{display:flex;align-items:center}.m4b-image-preview .arco-image-preview-wrapper .arco-image-preview-arrow{display:none}.m4b-image-preview.arco-image-preview.m4b-image-preview-use-carousel .arco-image-preview-wrapper .arco-image-preview-arrow{display:block}.m4b-image-preview.arco-image-preview.m4b-image-preview-use-carousel .arco-image-preview-wrapper .arco-image-preview-arrow .arco-image-preview-arrow-left,.m4b-image-preview.arco-image-preview.m4b-image-preview-use-carousel .arco-image-preview-wrapper .arco-image-preview-arrow .arco-image-preview-arrow-right{width:48px;height:48px;background-color:var(--color-bg-white);box-shadow:0 2px 8px #0000000f}.m4b-image-preview.arco-image-preview.m4b-image-preview-use-carousel .arco-image-preview-wrapper .arco-image-preview-arrow .arco-image-preview-arrow-left:after,.m4b-image-preview.arco-image-preview.m4b-image-preview-use-carousel .arco-image-preview-wrapper .arco-image-preview-arrow .arco-image-preview-arrow-right:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000;transition:background-color .3s;border-radius:50%;pointer-events:none}.m4b-image-preview.arco-image-preview.m4b-image-preview-use-carousel .arco-image-preview-wrapper .arco-image-preview-arrow .arco-image-preview-arrow-left:not(.arco-image-preview-arrow-disabled):hover:after,.m4b-image-preview.arco-image-preview.m4b-image-preview-use-carousel .arco-image-preview-wrapper .arco-image-preview-arrow .arco-image-preview-arrow-right:not(.arco-image-preview-arrow-disabled):hover:after{background-color:var(--color-border-state-hover)}.m4b-image-preview.arco-image-preview.m4b-image-preview-use-carousel .arco-image-preview-wrapper .arco-image-preview-arrow .arco-image-preview-arrow-left:not(.arco-image-preview-arrow-disabled):active:after,.m4b-image-preview.arco-image-preview.m4b-image-preview-use-carousel .arco-image-preview-wrapper .arco-image-preview-arrow .arco-image-preview-arrow-right:not(.arco-image-preview-arrow-disabled):active:after{background-color:var(--color-border-state-active)}.m4b-image-preview.arco-image-preview.m4b-image-preview-use-carousel .arco-image-preview-wrapper .arco-image-preview-arrow .arco-image-preview-arrow-left>svg,.m4b-image-preview.arco-image-preview.m4b-image-preview-use-carousel .arco-image-preview-wrapper .arco-image-preview-arrow .arco-image-preview-arrow-right>svg{height:24px;width:24px;color:var(--color-text-3)}.m4b-image-preview.arco-image-preview.m4b-image-preview-use-carousel .arco-image-preview-wrapper .arco-image-preview-arrow .arco-image-preview-arrow-left.arco-image-preview-arrow-disabled>svg,.m4b-image-preview.arco-image-preview.m4b-image-preview-use-carousel .arco-image-preview-wrapper .arco-image-preview-arrow .arco-image-preview-arrow-right.arco-image-preview-arrow-disabled>svg{color:var(--color-text-5)}.m4b-image-preview.arco-image-preview.m4b-image-preview-use-carousel .arco-image-preview-wrapper .arco-image-preview-arrow .arco-image-preview-arrow-left{left:48px}.m4b-image-preview.arco-image-preview.m4b-image-preview-use-carousel .arco-image-preview-wrapper .arco-image-preview-arrow .arco-image-preview-arrow-right{right:48px}.m4b-image-preview .m4b-image-preview-action-fullscreen{font-weight:500}.m4b-image-preview-rtl{direction:rtl}.m4b-image-preview-rtl .m4b-image-preview-action-rtl{transform:rotate(180deg)}.m4b-image{display:inline-block}.m4b-image .arco-image-img{-o-object-fit:contain;object-fit:contain}.m4b-image-error{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-bg-bg3);border-radius:8px;width:100%;height:100%}.m4b-image-error-text{margin-top:7px;font-size:12px;line-height:18px;color:var(--color-text-4)}.m4b-image-error .m4b-image-error-picture{color:var(--color-text-5)}.m4b-image-with-inner-footer{position:relative}.m4b-image-with-inner-footer .m4b-image-footer{text-align:center;font-size:12px;line-height:18px;width:100%;background-color:#21253399;color:var(--color-bg-white);padding:4px 8px;position:absolute;bottom:0;box-sizing:border-box;border-radius:0 0 8px 8px}.m4b-image-with-inner-footer .m4b-image-footer-text{text-align:center;font-size:12px;line-height:18px;color:var(--color-bg-white);margin-bottom:0}.m4b-image-with-outer-footer .m4b-image-footer{text-align:center;font-size:12px;line-height:18px;margin-top:4px;word-wrap:break-word}.m4b-image-img-wrapper{position:relative;width:100%;height:100%}.m4b-image-img-wrapper:hover .m4b-image-img-mask{visibility:visible;border-radius:8px}.m4b-image-img-wrapper.zoom-in{cursor:zoom-in}.m4b-image .m4b-image-image-content{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.m4b-image-img-mask{position:absolute;top:0;width:100%;height:100%;visibility:hidden;z-index:2;background-color:#21253399;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap}.m4b-image-img-mask-popover{visibility:visible}.m4b-image-img-action{margin-inline-start:16px;color:var(--color-bg-white);cursor:pointer;display:flex;align-items:center}.m4b-image-img-action:first-of-type{margin-inline-start:0}.m4b-image-img-single-action{color:var(--color-bg-white);cursor:pointer}.m4b-image-img-popover-action-item{padding:8px;margin-top:2px;cursor:pointer;font-weight:500;color:var(--color-text-1)}.m4b-image-img-popover-action-item:first-of-type{margin-top:0}.m4b-image-error-overlay{width:100%;height:100%}.m4b-image-preview-image-info{position:fixed;top:46px;color:var(--color-bg-white);left:50%;transform:translate(-50%);z-index:1002;font-weight:500;font-size:18px;line-height:28px;margin:0;width:70%;word-break:break-all;text-align:center;text-shadow:0px 2px 4px rgba(0,0,0,.25)}.m4b-image-rtl{direction:rtl}