.rc-image{display:inline-flex;position:relative}.rc-image-img{width:100%;height:auto}.rc-image-placeholder{position:absolute;top:0;bottom:0;left:0;right:0}.rc-image-mask{opacity:0;pointer-events:none;color:#fff;background:#0000004d;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.rc-image:hover .rc-image-mask{opacity:1}.rc-image-preview{text-align:center;pointer-events:none;height:100%}.rc-image-preview-body{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.rc-image-preview.zoom-enter,.rc-image-preview.zoom-appear{opacity:0;animation-duration:.3s;transform:none}.rc-image-preview-mask{z-index:9999;background-color:#000000e6;height:100%;position:fixed;top:0;bottom:0;left:0;right: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:90vw;max-height:85vh;transition:transform .3s cubic-bezier(0,0,.25,1);transform:scale(1)}.rc-image-preview-img-wrapper{justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right: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:9999;-webkit-overflow-scrolling:touch;outline:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.rc-image-preview-close{color:#fff;cursor:pointer;z-index:10000;background-color:#ffffff1a;border:0;border-radius:50%;outline:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .2s;display:flex;position:fixed;top:20px;right:20px}.rc-image-preview-close:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6L6 18'/%3E%3Cpath d='M6 6l12 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:20px;height:20px;display:block}.rc-image-preview-close:hover{background-color:#fff3}.rc-image-preview-operations-wrapper{z-index:10000;position:fixed}.rc-image-preview-footer{z-index:10000;flex-direction:column;align-items:center;width:100%;display:flex;position:fixed;bottom:32px;left:0}.rc-image-preview-progress{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0009;border-radius:20px;margin-bottom:20px;padding:8px 16px;font-size:14px}.rc-image-preview-operations{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border-radius:100px;padding:0 20px;display:flex}.rc-image-preview-operations-operation{cursor:pointer;color:#fff;margin-left:10px;padding:10px;font-size:18px;transition:opacity .2s}.rc-image-preview-operations-operation:hover{opacity:.7}.rc-image-preview-operations-operation-disabled{pointer-events:none;color:#6e6e6e}.rc-image-preview-operations-operation:first-of-type{margin-left:0}.rc-image-preview-switch-left{z-index:10000;cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-top:-25px;transition:background-color .2s;display:flex;position:fixed;top:50%;left:20px}.rc-image-preview-switch-left:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:24px;height:24px;display:block}.rc-image-preview-switch-left:hover{background:#ffffff40}.rc-image-preview-switch-left-disabled{cursor:not-allowed;background:#ffffff0d}.rc-image-preview-switch-left-disabled:before{opacity:.3}.rc-image-preview-switch-right{z-index:10000;cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-top:-25px;transition:background-color .2s;display:flex;position:fixed;top:50%;right:20px}.rc-image-preview-switch-right:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:24px;height:24px;display:block}.rc-image-preview-switch-right:hover{background:#ffffff40}.rc-image-preview-switch-right-disabled{cursor:not-allowed;background:#ffffff0d}.rc-image-preview-switch-right-disabled:before{opacity:.3}.fade-enter,.fade-appear,.fade-leave{animation-duration:.3s;animation-play-state:paused;animation-fill-mode:both}.fade-enter.fade-enter-active,.fade-appear.fade-appear-active{animation-name:rcImageFadeIn;animation-play-state:running}.fade-leave.fade-leave-active{pointer-events:none;animation-name:rcImageFadeOut;animation-play-state:running}.fade-enter,.fade-appear{opacity:0;animation-timing-function:linear}.fade-leave{animation-timing-function:linear}@keyframes rcImageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes rcImageFadeOut{0%{opacity:1}to{opacity:0}}.zoom-enter,.zoom-appear,.zoom-leave{animation-duration:.3s;animation-play-state:paused;animation-fill-mode:both}.zoom-enter.zoom-enter-active,.zoom-appear.zoom-appear-active{animation-name:rcImageZoomIn;animation-play-state:running}.zoom-leave.zoom-leave-active{pointer-events:none;animation-name:rcImageZoomOut;animation-play-state:running}.zoom-enter,.zoom-appear{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)}}.image-preview-thumbnail{width:100%;height:100%;position:relative;overflow:hidden}.image-preview-thumbnail:focus{outline:2px solid var(--gold-500,#d4a447);outline-offset:2px}.image-preview-zoom-hint{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;opacity:0;pointer-events:none;z-index:10;background:#0009;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s;display:flex;position:absolute;bottom:12px;right:12px}.image-preview-thumbnail:hover .image-preview-zoom-hint{opacity:1}.rc-image-preview-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border-radius:24px;align-items:center;gap:8px;padding:8px 16px;display:flex}.rc-image-preview-toolbar button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.rc-image-preview-toolbar button:hover{background:#fff3}@media (max-width:768px){.image-preview-zoom-hint{width:32px;height:32px;bottom:8px;right:8px}.rc-image-preview-switch-left,.rc-image-preview-switch-right{width:40px;height:40px;margin-top:-20px}.rc-image-preview-switch-left{left:10px}.rc-image-preview-switch-right{right:10px}.rc-image-preview-close{padding:10px;top:15px;right:15px}.rc-image-preview-toolbar{gap:4px;padding:6px 12px}.rc-image-preview-toolbar button{width:32px;height:32px}}