.imgpreview{position:relative;height:100%}.imgpreview-wrap{position:absolute;height:100%;width:100%;overflow:hidden}.imgpreview-arrow{position:absolute;top:50%;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;background-color:hsla(0,0%,93%,.6);transform:translateY(-50%);cursor:pointer;z-index:10}.imgpreview-arrow i.lxicon{font-size:20px}.imgpreview-arrow.arrow-left{left:60px;transform:translateY(-50%);padding-left:2px}.imgpreview-arrow.arrow-left i.lxicon{transform:rotate(180deg)}.imgpreview-arrow.arrow-right{padding-right:2px;right:60px;transform:translateY(-50%)}.imgpreview-arrow:hover{background-color:rgba(0,0,0,.2)}.imgpreview-arrow:hover i.lxicon{color:#fff}.imgpreview.compact-line-mode .imgpreview-arrow.arrow-left{left:80px}.imgpreview.compact-line-mode .imgpreview-arrow.arrow-right{right:80px}.imgpreview-image{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .1s cubic-bezier(.5,0,0,.75),transform .5s cubic-bezier(.5,0,0,.75)}.imgpreview-image img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}.imgpreview-image.isForward{transform:translateX(24px)}.imgpreview-image.isBack{transform:translateX(-24px)}.imgpreview-image.current{opacity:1;transform:translateX(0)}.imgpreview-indicator-zone{position:absolute;left:50%;bottom:24px;z-index:12;width:auto;height:32px;transform:translateX(-50%);display:flex;align-items:flex-end;justify-content:center;pointer-events:auto;transition:width .28s cubic-bezier(.22,1,.36,1),height .28s cubic-bezier(.22,1,.36,1)}.imgpreview-indicator-zone.always-expanded{height:60px}.imgpreview-indicator-zone.expanded{height:84px}.imgpreview-indicator-zone.compact-line{bottom:24px;width:auto;height:48px}.imgpreview-indicator-rail{display:flex;align-items:center;justify-content:center;gap:8px;transition:gap .28s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1)}.imgpreview-indicator-rail.always-expanded,.imgpreview-indicator-rail.expanded{gap:16px;transform:none}.imgpreview-indicator-rail.compact-line{gap:5px;transform:none}.imgpreview-indicator{position:relative;display:inline-flex;box-sizing:border-box;width:17px;height:4px;overflow:hidden;border:0;border-radius:4px;background:hsla(0,0%,100%,.6);cursor:pointer;padding:0;outline:none;box-shadow:none;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:width .28s cubic-bezier(.22,1,.36,1),height .28s cubic-bezier(.22,1,.36,1),border-radius .28s cubic-bezier(.22,1,.36,1),background-color .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),border .28s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1)}.imgpreview-indicator:focus,.imgpreview-indicator:focus-visible{outline:none}.imgpreview-indicator.always-expanded,.imgpreview-indicator.expanded{width:120px;height:60px;border-radius:4px;background:#cfdde3}.imgpreview-indicator.compact-line{width:17px;height:4px;border-radius:4px;background:hsla(0,0%,100%,.6);transform:none;box-shadow:none}.imgpreview-indicator.current{background:#fff;transform:none}.imgpreview-indicator.expanded.current,.imgpreview-indicator.expanded:hover{transform:none;border-radius:4px;border:2px solid #fff3f3;background:#cfdde3;box-shadow:none}.imgpreview-indicator.always-expanded.current:focus-visible,.imgpreview-indicator.always-expanded:focus-visible,.imgpreview-indicator.expanded.current:focus-visible,.imgpreview-indicator.expanded:focus-visible{transform:none;border-radius:4px;border:2px solid #fff3f3;background:#cfdde3;box-shadow:none}.imgpreview-indicator.always-expanded:hover{transform:none;box-shadow:none}.imgpreview-indicator.always-expanded.current{border:2px solid hsla(0,100%,98%,.96);box-shadow:none;background:#cfdde3}.imgpreview-indicator.compact-line.current{background:#fff;transform:none}.imgpreview-indicator.always-expanded.current:hover{box-shadow:none}.imgpreview-indicator-line{display:block;width:100%;height:100%;opacity:1;transition:opacity .16s ease,transform .28s cubic-bezier(.22,1,.36,1)}.imgpreview-indicator-thumb{position:absolute;inset:0;opacity:0;transform:scale(.92);transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1)}.imgpreview-indicator-thumb img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.imgpreview-indicator.expanded .imgpreview-indicator-line{opacity:0;transform:scaleX(1.4)}.imgpreview-indicator.expanded .imgpreview-indicator-thumb{opacity:1;transform:scale(1)}.imgpreview-indicator.always-expanded .imgpreview-indicator-line{opacity:0;transform:scaleX(1.4)}.imgpreview-indicator.always-expanded .imgpreview-indicator-thumb{opacity:1;transform:scale(1)}.imgpreview-indicator.compact-line .imgpreview-indicator-line{opacity:1;transform:none}.imgpreview-indicator.compact-line .imgpreview-indicator-thumb{opacity:0;transform:scale(.92)}