.canvasViewportWrapper{position:relative;overflow:hidden;background-color:#f8fafc;flex:1;display:flex;flex-direction:column}.canvasViewportWrapper:before{content:"";position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(148,163,184,.25) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(148,163,184,.15) 1px,transparent 1px);background-size:calc(var(--grid-major, 100px) * var(--zoom, 1)) calc(var(--grid-major, 100px) * var(--zoom, 1)),calc(var(--grid, 20px) * var(--zoom, 1)) calc(var(--grid, 20px) * var(--zoom, 1));background-position:var(--pan-x, 0px) var(--pan-y, 0px),var(--pan-x, 0px) var(--pan-y, 0px);will-change:background-position,background-size}