.pswp{z-index:100000;--pswp-bg:#12171c}
.pswp .pswp__button--zoom-in,.pswp .pswp__button--zoom-out,.pswp .pswp__button--zoom-fit,.pswp .pswp__button--rotate{font-size:30px;line-height:60px;color:#fff;width:48px;text-align:center}
.pswp .pswp__zoom-percent{align-self:center;color:#fff;font-size:14px;min-width:46px;text-align:center;margin-right:8px}
.pswp .pswp__button:focus-visible{outline:2px solid #fff;outline-offset:-4px}
@media(max-width:479px){.pswp .pswp__button--zoom-in,.pswp .pswp__button--zoom-out,.pswp .pswp__button--zoom-fit,.pswp .pswp__button--rotate{width:40px}.pswp .pswp__zoom-percent{font-size:12px;min-width:36px;margin-right:0}}

.pswp .z-viewer-thumbnails{position:absolute;left:12px;right:12px;bottom:12px;bottom:max(12px,env(safe-area-inset-bottom));display:flex;justify-content:center;pointer-events:auto}
.pswp .z-viewer-thumbnail-track{display:flex;gap:8px;max-width:100%;padding:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#73808c transparent;touch-action:pan-x;overscroll-behavior:contain}
.pswp .z-viewer-thumbnail{flex:0 0 auto;display:grid;place-items:center;padding:3px;border:2px solid transparent;border-radius:6px;background:#26303a;opacity:.6;cursor:pointer;touch-action:pan-x}
.pswp .z-viewer-thumbnail img{display:block;width:64px;height:56px;object-fit:contain;pointer-events:none}
.pswp .z-viewer-thumbnail:hover{opacity:1}
.pswp .z-viewer-thumbnail.is-current{border-color:#63bd86;opacity:1}
.pswp .z-viewer-thumbnail:focus-visible{outline:2px solid #fff;outline-offset:1px}
@media(max-width:479px){.pswp .z-viewer-thumbnail-track{gap:6px}.pswp .z-viewer-thumbnail img{width:56px;height:48px}}