.photo-zoom-stage{position:relative;display:block;flex:0 1 auto;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:zoom-in;isolation:isolate}.photo-zoom-layer{position:absolute;inset:0;width:100%;height:100%;transform-origin:center center;will-change:transform;pointer-events:none}.photo-zoom-stage #detail-image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none}.photo-zoom-stage.is-zoomed{cursor:grab}.photo-zoom-stage.is-zoomed:active{cursor:grabbing}.photo-zoom-toggle{position:absolute;left:15px;top:15px;width:38px;height:38px;padding:9px;display:grid;place-items:center;border:1px solid #14213b30;border-radius:50%;background:#f8f8f4ed;color:#101725;z-index:2;box-shadow:0 3px 12px #0001;touch-action:manipulation}.photo-zoom-toggle svg{display:block;width:20px;height:20px}.photo-zoom-toggle.is-zoomed .zoom-plus{display:none}.photo-zoom-hint{position:absolute;top:29px;left:63px;right:65px;text-align:center;pointer-events:none;font-size:8px;line-height:1.5;letter-spacing:.8px;color:#627083}
@media(hover:none) and (pointer:coarse){html,body,.page-shell,dialog{touch-action:pan-x pan-y}input,select,textarea{font-size:16px!important}.photo-zoom-stage,.photo-zoom-layer,.photo-zoom-stage img{touch-action:none}}
@media(max-width:800px){.photo-zoom-toggle{left:12px;top:14px;width:34px;height:34px;padding:8px}.photo-zoom-toggle svg{width:18px;height:18px}.photo-zoom-hint{top:25px;left:53px;right:63px;font-size:7px;letter-spacing:.5px}}