body{font-family:'Segoe UI',sans-serif;background-color:#bbdefb;color:#000;}button,input[type=color],select>option{cursor:pointer;font-size:1em;}label.bold{font-weight:bold;}#loading{display:block;position:fixed;top:0;left:0;bottom:0;right:0;background-color:#f5f5f5;z-index:9999;}#toolbar{position:fixed;top:0;left:0;right:0;height:2em;z-index:100;background-color:#1976d2;padding:.5em;box-shadow:5px 0 10px black;}#toolbar>button,#toolbar>.menu-button>button{background-color:transparent;color:#f5f5f5;border:none;padding:.5em .5em;border-radius:.25em;}#toolbar>button>span,#toolbar>.menu-button>button>span{color:#bbdefb;}#toolbar>button:hover,#toolbar>.menu-button>button:hover{background-color:rgba(0,0,0,.5);}#toolbar>.separator{border-left:2px solid #808080;margin:0 .25em;}#toolbar .menu-button{display:inline-block;position:relative;}#toolbar .menu-button .menu{position:absolute;top:1em;left:1em;background-color:#fff;border:1px solid #708090;border-radius:.25em;box-shadow:3px 3px 3px gray;padding:.25em .5em;z-index:5000;}#toolbar .menu-button .menu button{border:none;min-width:6em;}#pane-left{position:fixed;top:3em;left:0;bottom:0;width:28em;display:inline-block;vertical-align:top;background-color:rgba(255,255,255,.8);box-shadow:0 5px 10px black;padding:.5em;margin-right:.5em;overflow:auto;-moz-transition:all ease .3s;-o-transition:all ease .3s;-webkit-transition:all ease .3s;transition:all ease .3s;z-index:200;}#pane-left.minimized{left:-26.5em;padding:.5em 0;}#pane-left.minimized>.views,#pane-left.minimized>.tabs,#pane-left.minimized>.actions{margin-right:1.5em;opacity:.3;}#pane-left .panel{border:1px solid #1976d2;background-color:#fff;}#pane-left .panel .help{font-size:.8em;}#pane-left .title-bar{height:1.5em;color:#000;background-color:#1976d2;margin-bottom:.25em;padding-left:.5em;}#pane-left .title-bar button{float:right;border:none;width:1.5em;height:1.5em;background-color:transparent;}#pane-left .title-bar button:hover{background-color:rgba(255,255,255,.25);}#pane-left .actions{padding:.5em;background-color:#bbdefb;}#pane-left .actions button{color:#2f4f4f;background-color:#f5f5f5;border:1px solid #1976d2;border-radius:.25em;padding:.25em .5em;}#pane-left .actions button.right{float:right;}#pane-left .view{background-color:#f0f8ff;padding:.5em;display:none;opacity:0;overflow:hidden;-moz-transition:all ease .3s;-o-transition:all ease .3s;-webkit-transition:all ease .3s;transition:all ease .3s;}#pane-left .view input{display:block;}#pane-left .view input[type=checkbox],#pane-left .view input[type=range]{display:inline-block;vertical-align:middle;max-width:14em;padding:0;}#pane-left .view span.range-value{font-style:italic;color:#808080;max-width:4em;display:inline-block;vertical-align:middle;}#pane-left .view.active{display:block;opacity:1;}#pane-left .tabs{max-height:1.5em;z-index:200;background-color:#2196f3;padding-bottom:2px;}#pane-left .tabs>button{border:none;color:#bbdefb;background-color:transparent;overflow:hidden;height:1.5em;margin:0;font-size:.9em;}#pane-left .tabs>button.active{color:#f5f5f5;border-bottom:3px solid #00f18a;}#pane-left label{font-size:.9em;margin-top:.25em;}#pane-left .graph-name{background-color:#fff;padding:.25em .5em;margin-bottom:.5em;position:relative;}#pane-left .graph-name button{position:absolute;right:0;top:0;width:1.5em;height:1.5em;border:none;background-color:transparent;}#pane-left .graph-name input{border:none;font-size:1.2em;width:22em;}#pane-left .graph-name textarea{width:100%;max-width:100%;font-size:1em;margin-top:.5em;border:none;}#pane-left .graph-settings .view{min-height:18em;}#pane-left .graph-settings .pendulums>div{display:inline-block;vertical-align:top;}#pane-left .graph-settings .pendulums .list button{font-size:.8em;width:8.5em;display:block;text-align:left;padding:2px 5px;}#pane-left .graph-settings .pendulums .list select{margin-top:1em;width:8em;}#pane-left .graph-settings .pendulums .list .button-menu{position:relative;}#pane-left .graph-settings .pendulums .list .button-menu ul{position:absolute;top:.25em;left:.25em;width:6em;opacity:.95;margin:0;padding:.15em .5em;border:1px solid #c0c0c0;box-shadow:3px 3px 3px gray;background-color:#f5f5f5;}#pane-left .graph-settings .pendulums .list .button-menu ul li{list-style-type:none;cursor:pointer;}#pane-left .graph-settings .pendulums .list .button-menu ul li:hover{background-color:#b0c4de;}#pane-left .graph-settings .pendulums .properties{margin-left:1em;}#pane-left .file-select select{width:100%;}#pane-left .export .view button{color:#f5f5f5;background-color:#1976d2;border:1px solid #1976d2;border-radius:.25em;padding:.5em;}#pane-left .export .view textarea{font-size:10px;width:98%;max-width:100%;}#pane-left .about .view img{float:left;margin-right:.25em;}#pane-left .about .view .app-info{font-size:.8em;}.graph-view{position:fixed;top:3em;left:2em;bottom:1.6em;right:0;overflow:auto;-moz-transition:all ease .3s;-o-transition:all ease .3s;-webkit-transition:all ease .3s;transition:all ease .3s;}.graph-view.minimized{left:2em;}.graph-view.pinned{left:29em;}.graph-view .graph-wrapper{position:relative;display:inline-block;margin:1em;}.graph-view canvas{display:inline-block;background-color:#fff;box-shadow:0 0 8px black;}#statusbar{position:fixed;bottom:0;left:0;right:0;height:0;padding:.2em;background-color:#1976d2;color:#bbdefb;z-index:300;opacity:0;-moz-transition:all ease .3s;-o-transition:all ease .3s;-webkit-transition:all ease .3s;transition:all ease .3s;}#statusbar.expanded{height:1.2em;opacity:.95;}#statusbar progress{color:#008000;background-color:#f5f5f5;width:12em;}#statusbar .graph-time{float:right;}#overlay{position:fixed;top:-1em;left:0;bottom:0;right:0;z-index:999;background-color:rgba(0,0,0,.6);visibility:hidden;opacity:0;-moz-transition:all ease .25s;-o-transition:all ease .25s;-webkit-transition:all ease .25s;transition:all ease .25s;text-align:center;}#overlay.showing{visibility:visible;opacity:1;top:0;}#overlay>div{display:inline-block;text-align:left;margin:2em auto 0;border-radius:.25em;min-width:20em;max-width:40em;color:#000;background-color:#f5f5f5;}#overlay>div header{background-color:#2196f3;height:2em;padding:.5em .25em 0 .5em;font-weight:bold;font-size:1.1em;}#overlay>div header>button.close{-moz-transition:all ease .2s;-o-transition:all ease .2s;-webkit-transition:all ease .2s;transition:all ease .2s;border:none;border-radius:3px;width:1.5em;height:1.5em;background-color:rgba(255,0,0,0);float:right;}#overlay>div header>button.close:hover{background-color:rgba(255,0,0,.5);}#overlay>div>content{display:inline-block;padding:1em;}#overlay>div>content p{margin-top:0;}#overlay>div>.actions{padding:0 1em 1em;}