.photo-viewer{z-index:200;background:#000;flex-direction:column;animation:.18s photo-viewer-fade;display:flex;position:fixed;inset:0}@keyframes photo-viewer-fade{0%{opacity:0}to{opacity:1}}.photo-viewer__bar{height:56px;padding:0 var(--mb-space-6);flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.photo-viewer__bar-title{color:var(--mb-color-primary-fg);pointer-events:none;white-space:nowrap;font-size:18px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.photo-viewer__bar-btn{border-radius:var(--mb-radius-pill);width:36px;height:36px;color:var(--mb-color-primary-fg);cursor:pointer;background:#ffffff1a;border:none;flex-shrink:0;place-items:center;display:grid}.photo-viewer__bar-btn:active{background:#fff3}.photo-viewer__stage{touch-action:none;cursor:grab;isolation:isolate;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.photo-viewer__stage:active{cursor:grabbing}.photo-viewer__img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:50%;will-change:transform;width:100%;max-height:100%;display:block}