.image-viewer-mask{position:fixed;inset:0;z-index:2000;background-color:#00000080}.image-viewer-mask,.image-viewer-stage{display:flex;align-items:center;justify-content:center}.image-viewer-stage{width:100vw;height:100vh;overflow:hidden}.image-viewer-img{max-width:90vw;max-height:90vh;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grab}.image-viewer-close,.image-viewer-nav{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background-color:#606266;color:#fff;line-height:1;cursor:pointer;opacity:.8}.image-viewer-close svg,.image-viewer-icon,.image-viewer-nav svg{display:block;width:24px;height:24px;flex:none}.image-viewer-icon{filter:invert(1)}.image-viewer-close:hover,.image-viewer-nav:hover{opacity:1}.image-viewer-close{top:40px;right:40px;font-size:32px;font-weight:300}.image-viewer-nav{top:50%;transform:translateY(-50%);font-size:42px;font-weight:300}.image-viewer-nav--prev{left:40px}.image-viewer-nav--next{right:40px}.image-viewer-toolbar{position:absolute;bottom:30px;left:50%;display:flex;align-items:center;height:44px;gap:10px;padding:0 23px;border-radius:22px;background-color:#606266;color:#fff;transform:translate(-50%);opacity:.85}.image-viewer-toolbar button{min-width:24px;height:32px;padding:0 4px;border:0;background:transparent;color:#fff;font-size:22px;line-height:1;cursor:pointer}.image-viewer-toolbar button:hover{color:var(--color-highlight)}.image-viewer-counter{min-width:48px;margin-left:2px;color:#fff;font-size:14px;line-height:1;text-align:center}@media(max-width:767px){.image-viewer-close{top:16px;right:16px}.image-viewer-nav--prev{left:16px}.image-viewer-nav--next{right:16px}.image-viewer-toolbar{bottom:18px;max-width:calc(100vw - 32px);gap:6px;padding:0 14px}}