.img-pre__container{--img-pre-glass:rgba(28,28,32,.56);--img-pre-glass-border:hsla(0,0%,100%,.1);--img-pre-text:#f4f4f5;--img-pre-hover:hsla(0,0%,100%,.14);--img-pre-radius:999px;--img-pre-ease:cubic-bezier(0.32,0.72,0,1);--img-pre-duration:var(--container-duration,0.4s);bottom:0;display:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;height:100vh;left:0;pointer-events:none;position:fixed;right:0;top:0;width:100vw;z-index:var(--container-zIndex)}.img-pre__container .img-pre__buttons,.img-pre__container .img-pre__nav,.img-pre__container .img-pre__nums{-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);background:var(--img-pre-glass);border:1px solid var(--img-pre-glass-border);color:var(--img-pre-text)}.img-pre__container button{-webkit-tap-highlight-color:transparent;align-items:center;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;font:inherit;justify-content:center;margin:0;padding:0;position:relative;transition:background-color .15s,opacity .2s,transform .1s}.img-pre__container button svg{flex:none;height:20px;width:20px}.img-pre__container button:hover:not(:disabled){background-color:var(--img-pre-hover)}.img-pre__container button:active:not(:disabled){transform:scale(.94)}.img-pre__container button:focus{outline:none}.img-pre__container button:focus-visible{outline:2px solid hsla(0,0%,100%,.8);outline-offset:2px}.img-pre__container button:disabled{cursor:default;opacity:.3}.img-pre__container button:after{background:rgba(20,20,24,.92);border-radius:6px;color:var(--img-pre-text);content:attr(data-tooltip);font-size:12px;left:50%;line-height:1.4;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;top:calc(100% + 10px);transform:translate(-50%,-4px);transition:opacity .15s,transform .15s;white-space:nowrap}.img-pre__container button:hover:not(:disabled):after{opacity:1;transform:translate(-50%);transition-delay:.4s}.img-pre__container .img-pre__header{align-items:center;background:rgba(0,0,0,var(--header-bg-opacity));box-sizing:border-box;display:flex;gap:12px;justify-content:space-between;padding:16px calc(20px + 100vw - 100%) 16px 20px;position:absolute;width:100%;z-index:calc(var(--container-zIndex) + 1)}.img-pre__container .img-pre__nums{align-items:center;border-radius:var(--img-pre-radius);display:inline-flex;font-size:14px;font-variant-numeric:tabular-nums;font-weight:500;gap:6px;height:44px;letter-spacing:.02em;padding:0 16px}.img-pre__container .img-pre__nums .img-pre__nums-delimiter{opacity:.45}.img-pre__container .img-pre__buttons{align-items:center;border-radius:var(--img-pre-radius);display:inline-flex;gap:2px;padding:3px}.img-pre__container .img-pre__button-item{background:none;border:none;border-radius:var(--img-pre-radius);height:36px;width:36px}.img-pre__container .img-pre__divider{background:hsla(0,0%,100%,.16);height:20px;margin:0 4px;width:1px}.img-pre__container.img-pre__container--no-toolbar .img-pre__button-item:not([data-action=close]),.img-pre__container.img-pre__container--no-toolbar .img-pre__divider,.img-pre__container.img-pre__container--no-zoom .img-pre__divider:first-of-type,.img-pre__container.img-pre__container--no-zoom [data-action=zoomIn],.img-pre__container.img-pre__container--no-zoom [data-action=zoomOut]{display:none}.img-pre__container .img-pre__backdrop{background:rgba(0,0,0,var(--container-opacity));bottom:0;left:0;position:absolute;right:0;top:0}.img-pre__container .img-pre__content-wrapper{height:100%;position:relative}.img-pre__container .img-pre__content-wrapper .img-pre__img-item{animation-duration:calc(var(--img-pre-duration)*.75);animation-timing-function:var(--img-pre-ease);height:100%;position:absolute;top:0;width:100%;will-change:transform,opacity}.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{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggb3BhY2l0eT0iLjIiIGZpbGw9IiNjY2MiIGQ9Ik0yMC4yMDEgNS4xNjljLTguMjU0IDAtMTQuOTQ2IDYuNjkyLTE0Ljk0NiAxNC45NDYgMCA4LjI1NSA2LjY5MiAxNC45NDYgMTQuOTQ2IDE0Ljk0NnMxNC45NDYtNi42OTEgMTQuOTQ2LTE0Ljk0NmMtLjAwMS04LjI1NC02LjY5Mi0xNC45NDYtMTQuOTQ2LTE0Ljk0NnptMCAyNi41OGMtNi40MjUgMC0xMS42MzQtNS4yMDgtMTEuNjM0LTExLjYzNCAwLTYuNDI1IDUuMjA5LTExLjYzNCAxMS42MzQtMTEuNjM0IDYuNDI1IDAgMTEuNjMzIDUuMjA5IDExLjYzMyAxMS42MzQgMCA2LjQyNi01LjIwOCAxMS42MzQtMTEuNjMzIDExLjYzNHoiLz48cGF0aCBmaWxsPSIjY2NjIiBkPSJtMjYuMDEzIDEwLjA0NyAxLjY1NC0yLjg2NmExNC44NTUgMTQuODU1IDAgMCAwLTcuNDY2LTIuMDEydjMuMzEyYzIuMTE5IDAgNC4xLjU3NiA1LjgxMiAxLjU2NnoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjAgMjAiIHRvPSIzNjAgMjAgMjAiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPjwvc3ZnPg==") no-repeat 50% /cover;content:"";display:inline-block;height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.img-pre__container .img-pre__content-wrapper img{cursor:pointer;position:absolute;transform:translate(var(--offsetX),var(--offsetY)) scale(var(--scale)) rotate(var(--rotate));transition:transform var(--img-pre-duration) var(--img-pre-ease);user-select:none;will-change:transform}.img-pre__container .img-pre__nav{border-radius:var(--img-pre-radius);height:48px;margin-top:-24px;position:fixed;top:50%;width:48px;z-index:calc(var(--container-zIndex) + 1)}.img-pre__container .img-pre__nav svg{height:24px;width:24px}.img-pre__container .img-pre__nav:disabled{visibility:hidden}.img-pre__container .img-pre__prev{left:20px}.img-pre__container .img-pre__next{right:calc(20px + 100vw - 100%)}.img-pre__container .zooming{transition-duration:calc(var(--img-pre-duration)*.5)}.img-pre__container .moving{transition:none!important}.img-pre__container.show{pointer-events:auto}.img-pre__container.show .img-pre__backdrop,.img-pre__container.show .img-pre__header,.img-pre__container.show .img-pre__nav{animation-name:img-pre_fade-in}.img-pre__container.hide .img-pre__backdrop,.img-pre__container.hide .img-pre__header,.img-pre__container.hide .img-pre__nav,.img-pre__container.hide img.img-pre__animated{animation-name:img-pre_fade-out}.img-pre__animated{animation-duration:var(--img-pre-duration);animation-fill-mode:both}@keyframes img-pre_fade-in{0%{opacity:0}to{opacity:1}}@keyframes img-pre_fade-out{0%{opacity:1}to{opacity:0}}@keyframes img-pre_slide-left-hide{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-90%)}}@keyframes img-pre_slide-left-show{0%{opacity:0;transform:translateX(90%)}to{opacity:1;transform:translateX(0)}}@keyframes img-pre_slide-right-hide{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(90%)}}@keyframes img-pre_slide-right-show{0%{opacity:0;transform:translateX(-90%)}to{opacity:1;transform:translateX(0)}}@media (max-width:640px){.img-pre__container .img-pre__header{padding:12px}.img-pre__container .img-pre__nums{height:40px;padding:0 12px}.img-pre__container .img-pre__button-item{height:32px;width:32px}.img-pre__container .img-pre__divider{margin:0 2px}.img-pre__container .img-pre__nav{height:40px;margin-top:-20px;width:40px}.img-pre__container .img-pre__prev{left:8px}.img-pre__container .img-pre__next{right:8px}}@media (hover:none){.img-pre__container button:after{display:none}}@media (prefers-reduced-motion:reduce){.img-pre__container{--img-pre-duration:0.01s}}