*{box-sizing:border-box}html{font-size:12px;font-family:Roboto,sans-serif;color:#000}body{margin:0;padding:0}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.none{font-style:italic;text-align:center}.title-menu{margin:0;background-color:#356;color:#fff;font-size:1.2rem;text-align:center;padding:2px 0;font-weight:400;margin-bottom:5px}.title-menu .icon{float:right;margin-right:5px}.icon{cursor:pointer}.preview-color{display:inline-block;width:15px;height:15px;vertical-align:middle;margin-right:5px}input,textarea{max-width:100%}input[type=number]{width:50px}.form-line{margin-bottom:5px;height:20px;line-height:20px;clear:both}.form-subline{margin-left:20px;font-size:.8rem}.form-line label{display:inline-block;width:40%}.form-line .form-field{float:right;width:55%}.form-field>*{margin-right:5px}.form-field>:last-child{margin-right:0}.toggle-wrapper{position:relative;display:inline-block;width:40px;height:20px}.toggle-wrapper input{display:none}.toggle{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:20px}.toggle,.toggle:before{position:absolute;-webkit-transition:.4s;transition:.4s}.toggle:before{content:"";height:16px;width:16px;left:4px;bottom:2px;background-color:#fff;border-radius:50%}.toggle-wrapper input:checked+.toggle{background-color:#2196f3}.toggle-wrapper input:focus+.toggle{box-shadow:0 0 1px #2196f3}.toggle-wrapper input:checked+.toggle:before{-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(16px)}#graph-tool{position:relative;width:100%;height:100vh}#graph-editor>h1,#graph-visualization>h1{float:left;width:20px;line-height:20px;height:100%;margin:0;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;text-orientation:sideways;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);text-align:center;font-size:.8rem;z-index:5;font-weight:400;font-style:italic}#graph-editor{position:absolute;top:0;right:0;width:85%;height:50%;border-bottom:1px solid #555;z-index:5}#graph-editor>h1{background-color:#ccc;color:#777}#graph-editor-panel{height:100%;margin-left:20px;z-index:4;background-color:#eee;position:relative;cursor:crosshair}#graph-editor-panel.link-selected,#graph-editor-panel.point-selected,#graph-editor-panel.tooltip-selected{cursor:not-allowed}#graph-editor-toolbar{position:absolute;top:5px;right:5px;width:200px;z-index:20;border:1px solid #356;background-color:#fff}.graph-editor-toolbar-content{padding:5px 10px}.input-color{width:60px}.apply-all-color-link{margin:0;font-size:.8rem;text-align:right;line-height:15px}.apply-all-color-link:last-child{margin-bottom:10px}#graph-editor-tools{position:absolute;top:5px;right:5px;width:50px;z-index:20;border:1px solid #356;background-color:#fff}#graph-editor-tools ul{list-style-type:none;padding:0;margin:5px 0}#graph-editor-tools ul li{text-align:center;padding:5px 0;cursor:pointer}#graph-editor-tools ul li:hover{background-color:#555;color:#fff}#graph-editor-tools ul li.selected{background-color:#000;color:#fff;cursor:default}.graph-dot-coordinates{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;background-color:#000;visibility:hidden}.graph-dot-coordinates-x{height:1px}.graph-dot-coordinates-y{width:1px}.graph-dot{width:18px;height:18px;position:absolute;-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s;z-index:10}.graph-dot .graph-dot-inner{border-radius:50%;content:"";width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%}.graph-dot .graph-dot-name{position:absolute;top:-5px;left:-5px}#graph-editor-panel .graph-dot:hover{cursor:pointer}#graph-editor-panel.point-selected .graph-dot:hover{cursor:ew-resize}#graph-editor-panel.point-selected .graph-dot.active:hover{cursor:move}#graph-editor-panel .graph-dot:hover .graph-dot-inner{-webkit-filter:brightness(85%);filter:brightness(85%);width:10px;height:10px;margin:-5px 0 0 -5px}#graph-editor-panel .graph-dot.active .graph-dot-inner{-webkit-filter:brightness(65%);filter:brightness(65%);width:10px;height:10px;margin:-5px 0 0 -5px}.graph-line{height:10px;margin:0;position:absolute;z-index:8}.graph-line .graph-line-inner{height:2px;position:relative;top:4px}#graph-editor-panel .graph-line.active{cursor:move}#graph-editor-panel .graph-line:hover{cursor:pointer}#graph-editor-panel .graph-line:hover .graph-line-inner{-webkit-filter:brightness(85%);filter:brightness(85%)}#graph-editor-panel .graph-line.active .graph-line-inner{-webkit-filter:brightness(65%);filter:brightness(65%)}.graph-tooltip{border-radius:2px;display:inline-block;letter-spacing:.8px;padding:5px;position:absolute;z-index:11;font-size:.9rem}#graph-editor-panel .graph-tooltip:hover{cursor:pointer}#graph-editor-panel.tooltip-selected .graph-tooltip.active:hover{cursor:move}#graph-editor-panel .graph-tooltip:hover{-webkit-filter:brightness(85%);filter:brightness(85%)}#graph-editor-panel .graph-tooltip.active{-webkit-filter:brightness(65%);filter:brightness(65%);font-style:italic}#graph-visualization{position:absolute;bottom:0;right:0;width:85%;height:50%;z-index:5}#graph-visualization h1{color:#888}#graph-visualization-panel{margin-left:20px;height:100%;position:relative}#graph-visualization-panel:not(.active) .graph-dot,#graph-visualization-panel:not(.active) .graph-line-inner,#graph-visualization-panel:not(.active) .graph-tooltip{-webkit-transition:none!important;transition:none!important}#graph-visualization-panel .graph-line-animated .graph-line-inner{width:0}#graph-visualization-panel.active .graph-line-animated .graph-line-inner{width:100%}#graph-visualization-panel .graph-dot-animated{opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}#graph-visualization-panel.active .graph-dot-animated{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}#graph-visualization-panel .graph-tooltip-animated{opacity:0;margin-top:-30px}#graph-visualization-panel.active .graph-tooltip-animated{opacity:1;margin-top:0}#graph-menu{position:absolute;top:0;left:0;width:15%;height:100%;border-right:1px solid #000}#graph-menu .graph-buttons,#graph-menu .graph-options{position:absolute;width:100%}#graph-menu .graph-buttons{bottom:0}.graph-history{border-bottom:1px solid #356;background-color:#efefef}.graph-history p{margin:0 0 5px}.graph-history ul{list-style-type:none;margin:0 0 5px;padding:0;max-height:250px;overflow:auto}.graph-history ul li{cursor:pointer;padding:5px}.graph-history ul li:hover{background-color:#378;color:#fff}.graph-history ul li.selected{background-color:#356;color:#fff;cursor:default}.graph-history ul li h2{margin:0 0 5px;font-size:1.1rem}.graph-history ul li>span{float:right}.graph-history ul li>span .fa{cursor:pointer;margin-left:5px}.graph-history ul li p{margin:0;text-align:right;font-style:italic;font-size:.7rem}.graph-button{display:block;text-decoration:none;padding:5px;font-size:1.2rem;background-color:#555;color:#fff;margin:0 5px 10px}.graph-button:hover{background-color:#000}.graph-button .fa{margin-right:10px;background-color:#356}.graph-button-play{text-align:center;font-size:1.6rem;margin:0 20px 20px;background-color:#070}.graph-button-play:hover{background-color:#050}.graph-button-play .fa{background-color:inherit}
/*# sourceMappingURL=main.6a2cadaf.css.map*/