.viewport-lock-button{z-index:30;border:1px solid var(--sb-line,var(--line,#e9ece5));background:var(--sb-surface,var(--paper,#fff));width:30px;height:30px;color:var(--sb-muted,var(--muted,#92968f));cursor:pointer;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px}.viewport-lock-button[aria-pressed=false]{color:var(--accent,#120a8f)}.viewport-lock-button:hover{background:var(--sb-hover,var(--hover,#f0f2ed))}.viewport-lock-button:focus-visible{outline:2px solid var(--accent,#120a8f);outline-offset:2px}.viewport-lock-error{background:var(--paper,#fff);width:220px;color:var(--text,#343a35);padding:8px;font-size:11px;display:none;position:absolute;top:100%;right:0}.viewport-lock-button:hover .viewport-lock-error,.viewport-lock-button:focus-visible .viewport-lock-error{display:block}[data-viewport-locked=true]>.surface-scroll{touch-action:pan-y;overscroll-behavior:auto}.sf-block[data-viewport-locked=true] .react-flow__pane,.sf-block[data-viewport-locked=true] .react-flow__node{touch-action:pan-y;cursor:auto}.sb-header:has(~.viewport-lock-button){right:42px}.sb-header.has-caption:has(~.viewport-lock-button){padding-right:42px;right:auto}.sb-header.has-caption:has(~.viewport-lock-button)>.sb-actions{right:42px}.sb-g2-chart:has(>.viewport-lock-button)>.sb-g2-toolbar{padding-right:42px}@media print{.viewport-lock-button{display:none!important}}