.InfiniteCanvas-container{overflow:hidden;touch-action:none;position:relative;background:#fff;width:100%;height:100vh}.InfiniteCanvas-container canvas{display:block;cursor:grab;z-index:0;width:100%;height:100%}.InfiniteCanvas-controls{position:absolute;z-index:1;display:flex;background:var(--main-bg);border-radius:6px;flex-flow:row;justify-content:center;align-items: center;gap:.25rem;width:-moz-fit-content;width:fit-content;margin:auto;padding:.25rem;top:12px;left:0;right:0;box-shadow:0 0 .931014px #0000002b,0 0 3.12708px #00000014,0 7px 14px #0000000d}.InfiniteCanvas-controls button{background:var(--main-bg);vertical-align:middle;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 40;border:none;border-radius:6px;padding:8px}.InfiniteCanvas-controls button:hover{background:var(--secondary-bg-hover)}.InfiniteCanvas-controls button.active{background:var(--secondary-bg-active);color:var(--secondary-fg-active);font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 40}:root,body{margin:0}:root{--main-bg:white;--secondary-bg:#eee;--secondary-bg-hover:#ebf4fb;--secondary-bg-active:#e3f2fd;--secondary-fg-active:#0d47a1}