body{display:flex;flex-direction:column;margin:0;min-height:100vh;padding:0}.navbar{background-color:#202020;color:#fff;height:96px;padding:0 20px}.logo,.navbar{align-items:center;display:flex}.logo{padding-right:20px}.logo img{cursor:pointer;height:64px;max-height:100%}.navbar-buttons{align-items:center;display:flex;gap:10px;height:100%;margin-left:auto}.navbar-buttons button{background-color:#555;border:none;color:#fff;cursor:pointer;padding:8px 12px}.extra-buttons{display:flex;gap:10px;padding:0 6px 6px;position:absolute;right:0;top:96px}.extra-buttons button{background-color:#555;border:none;color:#fff;cursor:pointer;height:100%;padding:8px 12px}.tabs{align-items:center;background-color:#202020;border-top:1px solid #404040;display:flex;gap:0;height:100%;padding:0}.tabs button{background-color:#555;border:none;color:#fff;cursor:pointer;height:100%;padding:8px 12px}.row{display:flex;flex:1;flex-direction:row;height:100%}#blocklyArea{display:flex;flex:1;flex-direction:column}.area{position:absolute}.upload-container{display:block;margin:auto;position:relative;text-align:center}.upload-container input{background:#f1f1f1;border:1px solid #ffc399;box-sizing:border-box;margin-top:-18px;outline:2px dashed #ffc399;outline-offset:-10px;padding:120px 0 100px 42%;width:100%}.upload-container input:hover{background:#ddd}.upload-container:before{color:#ff7e22;content:"... or drag and drop files here. ";font-weight:200;position:relative;top:200px}.custom-btn{margin-bottom:10px;margin-left:10px;margin-top:-10px;padding:7px 20px;position:relative}.button-nav{height:96px;text-align:right;width:100%}.button-nav,.nav-btn{display:flexbox;position:relative}.nav-btn{border:1px solid #ff7e22;border-radius:5px;color:#404040;margin-right:8px;margin-top:9px;padding:30px;width:200px}.nav-btn:hover{background-color:#ff7e22;color:#fff}.phyphox-editor-load-dialog{background:#fff;border:2px solid #404040;bottom:0 10%;display:none;left:10%;position:absolute;right:10%;top:20%;z-index:75}.phyphox-editor-interface-section-title{background:#404040;border:3px solid #404040;color:#fff;font-weight:700;padding:2px;text-align:left;z-index:1000}.phyphox-editor-interface-section-title .phyphox-editor-interface-element,.phyphox-editor-module-dialog-title .phyphox-editor-interface-element{float:right}.phyphox-editor-interface-element{display:inline-block;margin:-2px;position:relative}.phyphox-example-experiments{margin-left:20px;max-height:300px;overflow-y:scroll;padding-bottom:10px}.phyphox-experiment-category{display:inline-table;font-size:large;margin-bottom:40px}.phyphox-experiment{font-size:smaller;margin-right:40px;margin-top:5px}.label-notice,.label-optional{fill:#ccc!important;font-style:italic!important}.label-warning{fill:red!important;font-style:italic!important}.label-formula{fill:#add8e6!important}.label-datacontainer{fill:#ff8c00!important;font-style:normal!important}.blocklyScrollbarHorizontal.blocklyFlyoutScrollbar:not([width]){pointer-events:none}pre.line-numbers code{counter-reset:line;font-family:monospace}pre.line-numbers code span{counter-increment:line;display:block;padding-left:3em;position:relative}pre.line-numbers code span:before{border-right:1px solid #ddd;color:#999;content:counter(line);left:0;margin-right:.5em;position:absolute;text-align:right;width:2.5em}.preview-xml{background:#f1f1f1;display:block;margin:auto;max-height:500px;overflow-x:auto;overflow-y:scroll;padding:10px;position:relative;text-align:left;word-wrap:break-word}