#tutorial{display:flex;flex-direction:column;width:100%}#tutorial.invisible{display:none}#tutorial-title{font-weight:bold;padding-bottom:1em}#tutorial-body{flex:1;overflow:auto}#tutorial-body a{color:#90ee90}#tutorial-body a:visited{color:#d3d3d3}#tutorial-body .command{color:#d3d3d3}#tutorial-buttons{display:flex;flex-direction:row;justify-content:flex-end}.tutorial-highlight{box-shadow:0 0 8px #fff,0 0 32px #ff00c1;position:relative}.tutorial-button{border:green solid 2px;margin-right:1em;padding:.2em;cursor:pointer}.tutorial-button.inactive{border:gray solid 2px;color:gray;cursor:auto}
.spWindows{position:absolute;padding:.5em;z-index:100;border:1px solid green;background-color:rgba(0,0,0,.9);color:#90ee90;font:14px monospace;line-height:14px;transition:all .5s}.spWindows.hidden{display:none}.spWindows.spMaximized{top:8px !important;height:calc(100vh - 32px) !important;left:8px !important;width:calc(100vw - 32px) !important}.spWindows.spMaximized>.spContents{width:auto !important;height:calc(100% - 20px - 3em) !important}.spDragging{opacity:.5;transition:none}.spWindows>.spTitleBar{border:1px solid green;padding:.5em;cursor:move;user-select:none;height:20px;line-height:20px}.spWindows>.spTitleBar>.spControls{float:right}.spWindows>.spTitleBar>.spControls>button{border:1px solid green;background:none;color:#90ee90;cursor:pointer;vertical-align:text-bottom;text-align:center}.spWindows>.spTitleBar>.spControls>button.spControlsQuit:hover{background-color:red}.spWindows>.spContents{border:1px solid green;margin-top:.5em;padding:.5em;position:relative;display:flex;height:calc(100% - 20px - 3em)}.spWindows>.spFooter{border:1px solid green;margin-top:.5em;padding:.5em;height:20px;line-height:20px;bottom:.5em;display:none}
#opfs_ui{font:14px monospace;line-height:14px;color:#90ee90;width:100%;overflow-y:scroll}#opfs_ui table{width:100%}#opfs_ui th,#opfs_ui td{padding:10px;border:1px solid green}#opfs_ui th{text-align:left}#opfs_ui td.fs-name,#opfs_ui td.fs-type,#opfs_ui td.fs-modified{text-align:left}#opfs_ui td.fs-size{text-align:right}#opfs_ui tfoot{text-align:right}#opfs_ui .fs-breadcrumb{margin-right:.5em;cursor:pointer}
#remote-webrtc{width:100%;display:flex;flex-direction:column;align-items:stretch}#remote-webrtc #remote-overlay{display:grid;flex-grow:1}#remote-webrtc #remote-overlay>*{grid-row:1;grid-column:1;visibility:hidden;display:flex;flex-direction:column;justify-content:space-evenly}#remote-webrtc #remote-overlay #remote-welcome,#remote-webrtc #remote-overlay #remote-status{align-items:center}#remote-webrtc #remote-overlay #remote-invite-view,#remote-webrtc #remote-overlay #remote-answer-view{align-items:stretch}#remote-webrtc #remote-overlay>.shown{visibility:visible}#remote-webrtc #remote-overlay .texts{margin:.5em 0;display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}#remote-webrtc #remote-overlay .action{margin:.5em 0;text-align:right}#remote-webrtc #remote-connect-status{height:1em}#remote-webrtc textarea{flex-grow:1}