.imagePreviewModal-modal{max-width:80%;overflow-y:unset;background:#28282d;width:calc(80vh + 16.973rem);height:80vh;margin:0}.imagePreviewModal-modal .modeJumpMenu{border-top-left-radius:var(--nextui-radius-small);border-top-right-radius:var(--nextui-radius-small);padding:5px}.imagePreviewModal{color:#e1e1e1;height:100%;max-height:100%;overflow:hidden}.imagePreviewModal .swiper{width:100%;max-height:100%;overflow:hidden}.imagePreviewModal .swipper-container{-webkit-user-select:none;user-select:none;flex-direction:column;gap:1.25rem;display:flex;overflow:hidden}.imagePreviewModal .swipper-container .place-items-center{justify-content:center;align-items:center;display:flex}.imagePreviewModal .swipper-container.hide-right-content .slider-wrapper,.imagePreviewModal .swipper-container.hide-right-content .thumbs-wrapper li{border-radius:5px;height:100%}.imagePreviewModal .swipper-container .carousel-root{flex-direction:column;justify-content:space-between;gap:.5rem;height:100%;display:flex}.imagePreviewModal .swipper-container .thumbs{grid-template-rows:auto;grid-auto-flow:column;place-content:start;place-items:center;display:grid}.imagePreviewModal .swipper-container .carousel .thumbs-wrapper{margin:0}.imagePreviewModal .swipper-container .carousel .slide,.imagePreviewModal .swipper-container .carousel .thumb{background-image:url(/product-suite/images/icon/bg_none2.png);background-repeat:repeat;background-size:10px 10px}.imagePreviewModal .swipper-container .carousel .thumb{opacity:.4;border:none;justify-content:center;align-items:center;height:80px;padding:0;display:flex;width:max-content!important}.imagePreviewModal .swipper-container .carousel .thumb img.image-h-full,.imagePreviewModal .swipper-container .carousel .thumb video.image-h-full{width:auto;height:100%;max-height:76px}.imagePreviewModal .swipper-container .carousel .thumb img.image-w-full,.imagePreviewModal .swipper-container .carousel .thumb video.image-w-full{width:100%;max-width:76px;height:auto}.imagePreviewModal .swipper-container .carousel .thumb>div{height:100%;position:relative}.imagePreviewModal .swipper-container .carousel .thumb.selected{opacity:1}.imagePreviewModal .swipper-container .carousel .viewImage-icon{mix-blend-mode:exclusion}.imagePreviewModal .swipper-container .carousel .viewImage-icon img{pointer-events:auto!important}.imagePreviewModal .right-side{flex:0 0 20rem;margin-left:3.1875rem;padding-right:1.5rem;position:relative;overflow:auto}.imagePreviewModal .side-header{gap:.625rem;margin-top:1.5rem;margin-bottom:1.875rem}.imagePreviewModal .swiper-button-prev,.imagePreviewModal .swiper-button-next{color:#fff}.imagePreviewModal button.prev:focus-visible,.imagePreviewModal button.next:focus-visible{outline:none}.imagePreviewModal .thumbs-container .swiper-slide{opacity:.4;width:25%;height:100%}.imagePreviewModal .side-header-title{word-break:break-all;flex:1;align-items:center;gap:1rem;font-size:1.2rem;display:flex}.imagePreviewModal .side-header-title>span:first-child{flex:1}.imagePreviewModal .side-header-title>span:last-child{cursor:pointer}.imagePreviewModal .thumbs-container .swiper-slide-thumb-active{opacity:1}.imagePreviewModal .description-container{font-size:.9375rem;line-height:1;display:grid}.imagePreviewModal .description-container .title{color:#fff}.imagePreviewModal .description-container .aigc-text-cell{flex-direction:column;display:flex}.imagePreviewModal .description-container .aigc-text-cell>span:first-child{margin-bottom:.8125rem}.imagePreviewModal .footer-container{flex-direction:column;flex:1;justify-content:flex-end;gap:.625rem;display:flex}.imagePreviewModal .slider-wrapper .show-thumb{display:none}.imagePreviewModal .custom-arrow{cursor:pointer;z-index:3;position:absolute;top:50%;transform:translateY(-50%)}.imagePreviewModal .custom-arrow img{width:to-rem(17)}.imagePreviewModal .custom-arrow.prev{height:100%;left:10px}.imagePreviewModal .custom-arrow.next{height:100%;right:10px}.imagePreviewModal .arrows-show .custom-arrow{display:block}.imagePreviewModal .arrows-hide .custom-arrow{display:none}.imagePreviewModal .slider-wrapper:not(.viewImage-icon),.imagePreviewModal .slider:not(.viewImage-icon),.imagePreviewModal .slide:not(.viewImage-icon),.imagePreviewModal .carousel-slider:not(.viewImage-icon),.imagePreviewModal .slide div:not(.viewImage-icon){height:100%}.imagePreviewModal .slider img.image-w-full{width:100%;height:auto}.imagePreviewModal .slider img.image-h-full{width:100%;height:fit-content}.imagePreviewModal .slide.selected .ai-carousel-compare>div:first-child>div:nth-child(4)>div,.imagePreviewModal .slide.selected .ai-carousel-compare>div:first-child>div:nth-child(5)>div{border-radius:5px;height:32px;bottom:0;top:unset!important;padding:5px 10px!important}.download-dialog-preview-video::-webkit-media-controls-fullscreen-button{display:none!important}
