.rc-image{display:inline-flex;position:relative}.rc-image-img{width:100%;height:auto}.rc-image-img-placeholder{background-color:#f3f3f3;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDI4IDIyIj48dGl0bGU+aW1hZ2UtZmlsbOWkh+S7vTwvdGl0bGU+PHBhdGggZmlsbD0iI2U4ZThlOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjcgMEgxQy40NDcgMCAwIC40NDcgMCAxdjIwYzAgLjU1My40NDcgMSAxIDFoMjZjLjU1MyAwIDEtLjQ0NyAxLTFWMWMwLS41NTMtLjQ0Ny0xLTEtMU04LjU2MyA0LjVjMS4xMDMgMCAyIC44OTcgMiAycy0uODk3IDItMiAyYy0xLjEwNCAwLTItLjg5Ny0yLTJzLjg5Ni0yIDItMm0xNi4wNTkgMTMuNjZhLjI1LjI1IDAgMCAxLS4xNjMuMDU5SDMuNTM4YS4yNS4yNSAwIDAgMS0uMTkxLS40MTNsNS4zMjItNi4zMTJhLjI1LjI1IDAgMCAxIC4zNTMtLjAzMnEuMDE2LjAxNC4wMzEuMDMybDMuMTA2IDMuNjg3IDQuOTQxLTUuODZhLjI1LjI1IDAgMCAxIC4zNTMtLjAzcS4wMTYuMDEzLjAzMS4wM2w3LjE3NSA4LjQ4OGEuMjU1LjI1NSAwIDAgMS0uMDM3LjM1Ii8+PC9zdmc+);background-position:50%;background-repeat:no-repeat}.rc-image-mask,.rc-image-placeholder{position:absolute;inset:0}.rc-image-mask{color:#fff;opacity:0;pointer-events:none;background:#0000004d;justify-content:center;align-items:center;transition:opacity .3s;display:flex}.rc-image:hover .rc-image-mask{opacity:1}.rc-image-preview{pointer-events:none;text-align:center;height:100%}.rc-image-preview-body{position:absolute;inset:0;overflow:hidden}.rc-image-preview.zoom-appear,.rc-image-preview.zoom-enter{opacity:0;animation-duration:.3s;transform:none}.rc-image-preview-mask{z-index:1000;background-color:#00000073;height:100%;position:fixed;inset:0}.rc-image-preview-mask-hidden{display:none}.rc-image-preview-img{cursor:grab;-webkit-user-select:none;user-select:none;vertical-align:middle;max-width:100%;max-height:70%;transition:transform .3s cubic-bezier(0,0,.25,1);transform:scaleX(1)}.rc-image-preview-img-wrapper{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rc-image-preview-img-wrapper>*{pointer-events:auto}.rc-image-preview-moving .rc-image-preview-img{cursor:grabbing}.rc-image-preview-moving .rc-image-preview-img-wrapper{transition-duration:0s}.rc-image-preview-wrap{z-index:1000;-webkit-overflow-scrolling:touch;outline:0;position:fixed;inset:0;overflow:auto}.rc-image-preview-close{color:#fff;cursor:pointer;background-color:#00000080;border:0;border-radius:50%;outline:0;padding:15px;display:flex;position:fixed;top:32px;right:32px}.rc-image-preview-close:hover{opacity:.3}.rc-image-preview-footer,.rc-image-preview-operations-wrapper{z-index:1001;position:fixed}.rc-image-preview-footer{flex-direction:column;align-items:center;width:100%;display:flex;bottom:32px;left:0}.rc-image-preview-progress{margin-bottom:20px}.rc-image-preview-operations{color:#bbb;background:#00000073;border-radius:100px;padding:0 20px;display:flex}.rc-image-preview-operations-operation{cursor:pointer;margin-left:10px;padding:10px;font-size:18px}.rc-image-preview-operations-operation-disabled{color:#6e6e6e;pointer-events:none}.rc-image-preview-operations-operation:first-of-type{margin-left:0}.rc-image-preview-switch-left{color:#bbb;cursor:pointer;z-index:1001;background:#bbbbbb73;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-top:-22px;display:flex;position:fixed;top:50%;left:10px}.rc-image-preview-switch-left-disabled{color:#6e6e6e;cursor:not-allowed;background:#bbbbbb4d}.rc-image-preview-switch-left-disabled>.anticon{cursor:not-allowed}.rc-image-preview-switch-left>.anticon{font-size:24px}.rc-image-preview-switch-right{color:#bbb;cursor:pointer;z-index:1001;background:#bbbbbb73;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-top:-22px;display:flex;position:fixed;top:50%;right:10px}.rc-image-preview-switch-right-disabled{color:#6e6e6e;cursor:not-allowed;background:#bbb3}.rc-image-preview-switch-right-disabled>.anticon{cursor:not-allowed}.rc-image-preview-switch-right>.anticon{font-size:24px}.fade-appear,.fade-enter,.fade-leave{animation-duration:.3s;animation-play-state:paused;animation-fill-mode:both}.fade-appear.fade-appear-active,.fade-enter.fade-enter-active{animation-name:rcImageFadeIn;animation-play-state:running}.fade-leave.fade-leave-active{pointer-events:none;animation-name:rcImageFadeOut;animation-play-state:running}.fade-appear,.fade-enter{opacity:0}.fade-appear,.fade-enter,.fade-leave{animation-timing-function:linear}@keyframes rcImageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes rcImageFadeOut{0%{opacity:1}to{opacity:0}}.zoom-appear,.zoom-enter,.zoom-leave{animation-duration:.3s;animation-play-state:paused;animation-fill-mode:both}.zoom-appear.zoom-appear-active,.zoom-enter.zoom-enter-active{animation-name:rcImageZoomIn;animation-play-state:running}.zoom-leave.zoom-leave-active{pointer-events:none;animation-name:rcImageZoomOut;animation-play-state:running}.zoom-appear,.zoom-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1);transform:scale(0)}.zoom-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}@keyframes rcImageZoomIn{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes rcImageZoomOut{0%{transform:scale(1)}to{opacity:0;transform:scale(.2)}}