.img-pre__container{pointer-events:none;width:100vw;height:100vh;z-index:var(--container-zIndex);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:none;position:fixed;inset:0}.img-pre__container .img-pre__header{background:rgba(0,0,0,var(--header-bg-opcity));box-sizing:border-box;width:100%;height:55px;z-index:calc(var(--container-zIndex) + 1);justify-content:space-between;align-items:center;padding:0 calc(25px + 100vw - 100%) 0 25px;display:flex;position:absolute}.img-pre__container .img-pre__header .img-pre__nums{color:#fff}.img-pre__container .img-pre__header .img-pre__button-item{color:#fff;background:0 0;border:none;border-radius:4px;outline:none;justify-content:center;align-items:center;width:30px;height:30px;margin-right:1.5vw;display:inline-flex;position:relative}.img-pre__container .img-pre__header .img-pre__button-item .bi,.img-pre__container .img-pre__header .img-pre__button-item svg{width:16px;height:16px;font-size:16px}.img-pre__container .img-pre__header .img-pre__button-item:last-child{margin-right:0}.img-pre__container .img-pre__header button:not(:disabled){cursor:pointer}.img-pre__container .img-pre__header button:not(:disabled):after{content:attr(data-tooltip);white-space:nowrap;background:#000000e6;border-radius:4px;padding:3px 7px;font-size:12px;display:none;position:absolute;top:130%;left:50%;transform:translate(-50%)}.img-pre__container .img-pre__header button:not(:disabled):hover:after{display:inline-block}.img-pre__container .img-pre__header button:not(:disabled):hover{background:#0003}.img-pre__container .img-pre__header button[disabled]{opacity:.4;cursor:not-allowed!important}.img-pre__container .img-pre__content-wrapper{height:100%;position:relative}.img-pre__container .img-pre__content-wrapper .img-pre__img-item{will-change:transform,opacity;width:100%;height:100%;animation-duration:.3s;animation-timing-function:ease-in-out;position:absolute;top:0}.img-pre__container .img-pre__content-wrapper .img-pre__img-item.slide-left-out{animation-name:img-pre_slide-left-hide}.img-pre__container .img-pre__content-wrapper .img-pre__img-item.slide-left-in{animation-name:img-pre_slide-left-show}.img-pre__container .img-pre__content-wrapper .img-pre__img-item.slide-right-out{animation-name:img-pre_slide-right-hide}.img-pre__container .img-pre__content-wrapper .img-pre__img-item.slide-right-in{animation-name:img-pre_slide-right-show}.img-pre__container .img-pre__content-wrapper .img-pre__img-item.loading:after{content:"";background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggb3BhY2l0eT0iLjIiIGZpbGw9IiNjY2MiIGQ9Ik0yMC4yMDEgNS4xNjljLTguMjU0IDAtMTQuOTQ2IDYuNjkyLTE0Ljk0NiAxNC45NDYgMCA4LjI1NSA2LjY5MiAxNC45NDYgMTQuOTQ2IDE0Ljk0NnMxNC45NDYtNi42OTEgMTQuOTQ2LTE0Ljk0NmMtLjAwMS04LjI1NC02LjY5Mi0xNC45NDYtMTQuOTQ2LTE0Ljk0NnptMCAyNi41OGMtNi40MjUgMC0xMS42MzQtNS4yMDgtMTEuNjM0LTExLjYzNCAwLTYuNDI1IDUuMjA5LTExLjYzNCAxMS42MzQtMTEuNjM0IDYuNDI1IDAgMTEuNjMzIDUuMjA5IDExLjYzMyAxMS42MzQgMCA2LjQyNi01LjIwOCAxMS42MzQtMTEuNjMzIDExLjYzNHoiLz48cGF0aCBmaWxsPSIjY2NjIiBkPSJtMjYuMDEzIDEwLjA0NyAxLjY1NC0yLjg2NmExNC44NTUgMTQuODU1IDAgMCAwLTcuNDY2LTIuMDEydjMuMzEyYzIuMTE5IDAgNC4xLjU3NiA1LjgxMiAxLjU2NnoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjAgMjAiIHRvPSIzNjAgMjAgMjAiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPjwvc3ZnPg==) 50%/cover no-repeat;width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.img-pre__container .img-pre__content-wrapper img{cursor:pointer;transform:translateX(var(--offsetX)) translateY(var(--offsetY)) translateZ(0) scale(var(--scale)) rotate(var(--rotate));-webkit-user-select:none;user-select:none;will-change:transform;transition:all .5s;position:absolute}.img-pre__container #J-img-pre__next,.img-pre__container #J-img-pre__prev{color:#f6f6f6;cursor:pointer;z-index:calc(var(--container-zIndex) + 1);background:0 0;border:none;border-radius:2px;outline:none;justify-content:center;align-items:center;padding:7px 5px;display:flex;position:fixed;top:50%}.img-pre__container #J-img-pre__next .bi,.img-pre__container #J-img-pre__prev .bi{width:20px;height:20px;font-size:20px}.img-pre__container #J-img-pre__next:hover,.img-pre__container #J-img-pre__prev:hover{background:#0003}.img-pre__container #J-img-pre__prev{left:2%}.img-pre__container #J-img-pre__next{right:calc(100vw - 98%)}.img-pre__container .moving{transition:none!important}.img-pre__container.show{pointer-events:auto;animation-name:img-pre_show}.img-pre__container.show .img-pre__header{animation-name:img-pre_header-show}.img-pre__container.hide{animation-name:img-pre_hide}.img-pre__container.hide .img-pre__header,.img-pre__container.hide img.img-pre__animated{animation-name:img-pre_header-hide}.img-pre__animated{animation-duration:.5s;animation-fill-mode:both}@keyframes img-pre_show{0%{background:0 0}to{background:rgba(0,0,0,var(--container-opacity))}}@keyframes img-pre_hide{0%{background:rgba(0,0,0,var(--container-opacity))}to{background:0 0}}@keyframes img-pre_header-show{0%{opacity:0}to{opacity:1}}@keyframes img-pre_header-hide{0%{opacity:1}to{opacity:0}}@keyframes img-pre_slide-left-hide{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-90%)}}@keyframes img-pre_slide-left-show{0%{opacity:0;transform:translate(90%)}to{opacity:1;transform:translate(0)}}@keyframes img-pre_slide-right-hide{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(90%)}}@keyframes img-pre_slide-right-show{0%{opacity:0;transform:translate(-90%)}to{opacity:1;transform:translate(0)}}