#work-dialog .dialog-art{position:relative}
#work-dialog[data-zoom-disabled] .dialog-art[data-pointer-on-image],#work-dialog[data-zoom-disabled] .dialog-art[data-pointer-on-image] #dialog-work-image{--site-cursor:url("../cursor/zoom-prohibited-pointer.svg") 16 16,not-allowed;cursor:var(--site-cursor)!important}
#work-dialog .viewer-zoom-blocked{position:absolute;z-index:6;left:50%;top:50%;width:96px;height:96px;transform:translate(-50%,-50%);background:url("../cursor/zoom-prohibited.svg") center/contain no-repeat;pointer-events:none}
#work-dialog .viewer-zoom-blocked[hidden]{display:none}
#work-dialog[data-zoomed] .dialog-art{overflow:hidden;touch-action:none}
#work-dialog[data-zoomed] .dialog-art #dialog-work-image{position:absolute;left:50%;top:50%;width:var(--viewer-render-w);height:var(--viewer-render-h);max-width:none;max-height:none;object-fit:contain;transform:translate(calc(-50% + var(--viewer-pan-x)),calc(-50% + var(--viewer-pan-y)))}
#work-dialog .viewer-zoom-help{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
#work-dialog .dialog-art img.viewer-image-outgoing{position:absolute;z-index:1;max-width:none;max-height:none;margin:0;object-fit:contain;transform:none;pointer-events:none;user-select:none}
#work-dialog .dialog-art[data-image-transition] img{will-change:transform,opacity}
#work-dialog .viewer-navigation{position:absolute;z-index:5;display:flex;flex-direction:column;align-items:center;padding:0;background:transparent}
#work-dialog .viewer-navigation[hidden]{display:none}
#work-dialog .viewer-overview{display:grid;place-items:center;flex:none;width:100%;margin:0;padding:0;border:0;border-radius:9px;overflow:hidden;background:#b0b0b0f2;touch-action:none;cursor:pointer}
#work-dialog .viewer-overview[hidden]{display:none}
#work-dialog .viewer-overview-canvas{display:block;position:relative;overflow:hidden;min-height:1px}
#work-dialog .viewer-overview-canvas img{display:block;width:100%;height:100%;object-fit:fill;opacity:1;filter:grayscale(1);pointer-events:none;user-select:none;-webkit-user-drag:none}
#work-dialog .viewer-overview-window{position:absolute;box-sizing:border-box;min-width:2px;min-height:2px;border:1px solid #fff;pointer-events:none}
#work-dialog .viewer-zoom-controls{position:relative;display:grid;align-items:center;width:100%;height:32px;margin:0;padding:0}
#work-dialog .viewer-zoom-track{display:block;width:100%;height:8px;padding:1px;overflow:hidden;border-radius:999px;background:#888888f2;pointer-events:none}
#work-dialog .viewer-zoom-fill{display:block;width:var(--zoom-progress,0%);height:100%;border-radius:inherit;background:#fff}
#work-dialog .viewer-zoom-range{position:absolute;inset:0;display:block;min-width:0;width:100%;height:100%;margin:0;appearance:none;-webkit-appearance:none;border:0;border-radius:0;background:transparent;touch-action:none;cursor:ew-resize}
#work-dialog .viewer-zoom-range::-webkit-slider-runnable-track{height:8px;border:0;background:transparent}
#work-dialog .viewer-zoom-range::-webkit-slider-thumb{width:1px;height:8px;margin:0;appearance:none;-webkit-appearance:none;border:0;background:transparent}
#work-dialog .viewer-zoom-range::-moz-range-track{height:8px;border:0;background:transparent}
#work-dialog .viewer-zoom-range::-moz-range-progress{background:transparent}
#work-dialog .viewer-zoom-range::-moz-range-thumb{width:1px;height:8px;border:0;background:transparent}
#work-dialog[data-phase=closing] .viewer-navigation{opacity:0}
@media(max-width:760px){
 #work-dialog .viewer-zoom-controls{height:44px}
}
@media(prefers-reduced-motion:reduce){#work-dialog .viewer-navigation{transition:none}}