.zi-img{cursor:zoom-in;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;transform-origin:center;transition:transform .1s ease-out}.zi-img.is-zoomed{cursor:-webkit-grab;cursor:grab;will-change:transform}.zi-img.is-dragging{cursor:-webkit-grabbing;cursor:grabbing;transition:none}.zi-hud{position:fixed;z-index:2100;gap:2px;padding:4px;border-radius:999px;background:rgba(20,20,24,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 0 1px rgba(255,255,255,.12);color:#fff;font-size:12px;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:zi-in .2s ease-out}.zi-hud,.zi-hud button{display:flex;align-items:center}.zi-hud button{height:28px;min-width:28px;padding:0;border:0;border-radius:999px;background:transparent;color:inherit;font-size:16px;cursor:pointer;justify-content:center}.zi-hud button:hover:not(:disabled){background:rgba(255,255,255,.14)}.zi-hud button:disabled{opacity:.35;cursor:default}.zi-hud .zi-fit{font-size:12px;padding:0 10px}.zi-pct{min-width:44px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:rgba(255,255,255,.85);cursor:help}@keyframes zi-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}