.freeform-selection-path{fill:#67b7dc;stroke:#67b7dc;stroke-width:3px;fill-opacity:.04}.demo-handles{stroke:#ffffffb3;vector-effect:non-scaling-stroke}.demo-handles [data-handle-type=default]{fill:#000000e6}.demo-handles [data-handle-type=move]{fill:#ab2346}.demo-handles [data-handle-type=resize]{fill:#0b7189}.demo-dial-menu{opacity:0;animation:fadein .3s linear forwards}.demo-dial-menu-item>path{fill:#67b7dc;stroke:#fff}.demo-dial-menu-item.disabled>path{fill:#c1e1f1}.demo-dial-menu-item.disabled>.demo-dial-icon{opacity:.5}.demo-dial-menu-item:hover:not(.disabled)>path{fill:#617984}.demo-dial-menu-item>.demo-dial-icon{width:32px}.demo-dial-menu-item>.demo-dial-title>text{fill:#2d4a59}.demo-dial-menu-item>.demo-dial-title>rect{fill:#a8b5bb;rx:4;ry:4}.demo-dial-menu-item>.demo-dial-title{opacity:0;animation:fadein .3s linear 1s forwards}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.yfiles-cursor-dragdrop-copy{cursor:copy}.yfiles-cursor-dragdrop-move{cursor:move}.yfiles-cursor-dragdrop-link{cursor:alias}.yfiles-cursor-dragdrop-scroll{cursor:move}.yfiles-cursor-dragdrop-all{cursor:copy}.yfiles-cursor-dragdrop-no-drop{cursor:no-drop}.yfiles-drag{z-index:15;opacity:.35;transition:opacity .2s ease-in-out}.yfiles-drag.hidden{opacity:0}.demo-main__graph-component{position:relative}#cancel-button{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#5a1225;background-color:#f3a2b8;border:none;padding:10px;border-radius:10px;font-size:1.5em;min-width:100px;user-select:none;cursor:pointer;z-index:2}.demo-button-invisible{visibility:hidden;opacity:0;transition:visibility 0s linear .3s,opacity .3s ease-in-out}.demo-button-visible{visibility:visible;opacity:.9;transition:opacity .3s ease-in-out}.demo-button-visible:hover{opacity:1}#panning-options-div{border-bottom:5px solid #eee;padding:20px 5px}.panning-options-box{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKRJREFUeNpi/P//PwMlgImBQgAzQIUMvRA9IC8A8RYgVoGyicEqUD1wF3AD8QQiXaICVcuNHgbEGIKiGVsg4jMEQzOyAZ1ohswGYg8kMQ+oGLJmsB4WKGcHlC5HUoCLDdMM1sOIlpAMgLgF3ZlI4CsQ1wDxBZgAI5aUiNWvUM0FQHyHUEq8A1X4lZBm5ISEL7HgTWSMBDKTCpKrsALGAc+NAAEGAG1fiJs5VmepAAAAAElFTkSuQmCC) no-repeat 99px 7px;height:29px;overflow:hidden;width:120px;margin:auto;border-radius:5px;background-color:#0b7189}.panning-options-box select{background:transparent;border:none;font-size:14px;height:29px;padding:5px;width:268px;color:#fff}.panning-options-box option{color:#000}.panning-label{margin:10px 0;text-align:center;color:#333}