:root{--node-width: 100px;--node-height: 100px;--selected-node-outline-color: var(--primary);--tree-padding: 15px;--ruler-thickness: 15px}.absolute-page-space{position:relative;width:100%;height:100%;background-color:var(--white);padding:var(--ruler-thickness) 0 0 var(--ruler-thickness);z-index:1;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAhSURBVHgBxc4xAQAADMIw/FutiM0A8JKzVwWcjNS32u0D8x4PAZ8Z0z4AAAAASUVORK5CYII=)}.absolute-page{position:relative;width:calc(var(--node-width) * 200);height:calc(var(--node-height) * 200);padding:var(--tree-padding);z-index:1;-webkit-user-select:none;user-select:none;transform-origin:top left;transition:transform .1s ease-out}.ruler-page-x,.ruler-page-y{position:absolute;display:flex;top:0;left:0;z-index:2;background-color:var(--white)}.ruler-page-x{padding-left:calc(var(--ruler-thickness) + var(--tree-padding));height:var(--ruler-thickness);width:100%;transform:translate(calc(var(--node-width) * var(--max-nodes) * -1))}.ruler-page-y{flex-direction:column;padding-top:calc(var(--ruler-thickness) + var(--tree-padding));width:var(--ruler-thickness);height:100%;transform:translateY(calc(var(--node-height) * var(--max-nodes) * -1))}.ruler-page-x:before{content:"";position:absolute;top:var(--ruler-thickness);left:var(--ruler-thickness);height:1px;width:100%;background-color:var(--borderLight)}.ruler-page-y:before{content:"";position:absolute;top:var(--ruler-thickness);left:var(--ruler-thickness);height:100%;width:1px;background-color:var(--borderLight)}.ruler-page-x div{border-left:1px solid var(--borderLight);border-bottom:1px solid var(--borderLight);min-width:var(--node-width)}.ruler-page-y div{border-top:1px solid var(--borderLight);border-right:1px solid var(--borderLight);min-height:var(--node-height)}.ruler-page-x div,.ruler-page-y div{position:relative;display:flex;justify-content:center;align-items:center;white-space:nowrap;font-size:10px;color:var(--textLight);background-color:var(--white);z-index:4}.ruler-visibility-page-true .ruler-page-x,.ruler-visibility-page-true .ruler-page-y,.ruler-visibility-page-true .ruler-page-intersection{visibility:visible}.ruler-visibility-page-false .ruler-page-x,.ruler-visibility-page-false .ruler-page-y,.ruler-visibility-page-false .ruler-page-intersection{visibility:hidden}.ruler-page-intersection{position:absolute;top:0;left:0;z-index:3}.ruler-page-intersection div{position:inherit;top:0;left:0;background-color:var(--white)}.ruler-page-intersection div:nth-child(1){width:calc(var(--ruler-thickness) - 1px);height:calc(var(--node-height) * .3)}.ruler-page-intersection div:nth-child(2){width:calc(var(--node-width) * .3);height:calc(var(--ruler-thickness) - 1px)}.absolute-page-controls{position:absolute;display:flex;gap:20px;bottom:0;right:10px;z-index:2;padding:var(--ruler-thickness)}.absolute-page-controls svg{width:24px;height:24px;fill:var(--text);cursor:pointer}.absolute-page-node{display:flex;position:absolute}.absolute-page-node-frame{position:absolute;display:inline-block;top:0;left:0;background-color:transparent}.absolute-page-node-frame-content{display:inline-block}.absolute-page-node-frame-content>*{width:100%;height:100%;box-sizing:border-box}.absolute-node-selected .absolute-page-node-frame-content{outline:2px solid var(--selected-node-outline-color);outline-offset:8px;outline-style:dashed;-webkit-user-select:text!important;user-select:text!important}.absolute-page-node-frame>.absolute-page-frame-resizable{position:absolute;display:none;width:22px;height:22px;cursor:grab;z-index:1}.absolute-page-node-frame>.absolute-page-frame-resizable svg{width:100%;height:100%;fill:var(--primary)}.absolute-page-node-frame>.absolute-page-frame-resizable[resize=top-left]{top:-25px;left:-25px;transform:rotate(45deg)}.absolute-page-node-frame>.absolute-page-frame-resizable[resize=top-right]{top:-25px;right:-25px;transform:rotate(135deg)}.absolute-page-node-frame>.absolute-page-frame-resizable[resize=bottom-left]{bottom:-25px;left:-25px;transform:rotate(-45deg)}.absolute-page-node-frame>.absolute-page-frame-resizable[resize=bottom-right]{bottom:-25px;right:-25px;transform:rotate(-135deg)}.absolute-node-selected .absolute-page-node-frame>.absolute-page-frame-resizable{display:block}.absolute-page-node-hoverable .absolute-page-node-frame-content:hover{cursor:pointer;opacity:.8;outline:2px solid var(--selected-node-outline-color);outline-offset:8px}.absolute-node-selected .absolute-page-node-frame-content:hover{cursor:initial;opacity:1;outline-style:dashed}.absolute-page-node-resizing,.absolute-page-node-dragging{opacity:.8!important;outline:2px solid var(--selected-node-outline-color)!important;outline-offset:8px!important}.absolute-page-node-clickshield .absolute-page-node-frame-content *{pointer-events:none!important}.absolute-node-selected .absolute-page-node-frame-content *{pointer-events:auto!important}.absolute-page-space-mode-view{background-color:transparent;background-image:none;overflow:auto;--ruler-thickness: 0px}.absolute-page-space-mode-view .absolute-page{position:relative;transform:none;-webkit-user-select:text;user-select:text}.absolute-page-space-mode-view .absolute-page-controls,.absolute-page-space-mode-view .ruler-page-x,.absolute-page-space-mode-view .ruler-page-y,.absolute-page-space-mode-view .ruler-page-intersection{display:none}