.zoom-viewport{z-index:60;touch-action:none;cursor:grab;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.zoom-viewport:active{cursor:grabbing}.zoom-stage{transform-origin:50%;will-change:transform;margin:0;padding:0}.zoom-toolbar{background:#141414e6;border:1px solid #ffffff1f;border-radius:.75rem;align-items:center;gap:.25rem;padding:.35rem;display:flex;position:absolute;bottom:1rem;left:50%;translate:-50%}.zoom-toolbar button{color:#ffffffd9;cursor:pointer;background:0 0;border:0;border-radius:.5rem;min-width:2rem;padding:.35rem .6rem}.zoom-toolbar button:hover{background:#ffffff1a}.zoom-level{text-align:center;font-variant-numeric:tabular-nums;color:#fff9;min-width:3.5rem;font-size:.8125rem}.zoom-frame{position:relative}.zoom-frame .d2-diagram>svg,.zoom-frame .chart-svg{cursor:zoom-in}.zoom-open{color:#ffffffbf;opacity:0;cursor:zoom-in;background:#141414bf;border:1px solid #ffffff1f;border-radius:.5rem;place-items:center;padding:.35rem;transition:opacity .15s;display:grid;position:absolute;top:.5rem;right:.5rem}.zoom-frame:hover .zoom-open,.zoom-open:focus-visible{opacity:1}@media (hover:none){.zoom-open{opacity:1}}