:root{--node-target-width: 100px;--node-target-height: 100px;--node-sub-multiplier: 10;--node-sub-width: calc(var(--node-target-width) / 100 * var(--node-sub-multiplier));--node-sub-height: calc(var(--node-target-height) / 100 * var(--node-sub-multiplier));--node-subgrid-units: 10;--node-width: calc(var(--node-sub-width) * var(--node-subgrid-units));--node-height: calc(var(--node-sub-height) * var(--node-subgrid-units));--tree-padding: 15px;--ruler-thickness: 15px;--max-nodes: 100;--selected-node-outline-color: var(--primary)}.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}.subgrid-sample{position:absolute;width:var(--node-sub-width);height:var(--node-sub-height);top:-200px;left:-200px;z-index:-1;opacity:0}.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;bottom:0;right:0;z-index:2;padding:var(--ruler-thickness)}.absolute-page-controls svg{width:24px;height:24px;fill:var(--textLight);cursor:pointer}.absolute-page-node{display:flex;position:absolute;width:var(--node-width);height:var(--node-height)}.absolute-page-node-frame{position:absolute;display:inline-block;top:0;left:0;background-color:transparent}.absolute-page-node-frame-content{display:inline-block;overflow:hidden}.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[top-left]{top:-25px;left:-25px;transform:rotate(45deg)}.absolute-page-node-frame>.absolute-page-frame-resizable[top-right]{top:-25px;right:-25px;transform:rotate(135deg)}.absolute-page-node-frame>.absolute-page-frame-resizable[bottom-left]{bottom:-25px;left:-25px;transform:rotate(-45deg)}.absolute-page-node-frame>.absolute-page-frame-resizable[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}.absolute-node-selected .absolute-page-node-frame-content:hover{cursor:initial;opacity:1}.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}