body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}.modal{z-index:1;background-color:#0006;width:100%;height:100%;padding-top:100px;display:none;position:fixed;top:0;left:0;overflow:auto}.modal-content{background-color:#fefefe;border:1px solid #888;width:80%;margin:auto;padding:20px}.modal-close{color:#aaa;float:right;font-size:28px;font-weight:700}.modal-close:hover,.modal-close:focus{color:#000;cursor:pointer;text-decoration:none}.configuration-export-warning{color:#9b4d00;font-weight:700}body{color:#2b6b78;background:#f5f5f5;flex-flow:column;height:100vh;display:flex}button{border:2px, solid, #2b6b78;color:#f5f5f5;cursor:pointer;background:#45a0b2;border-radius:5px;margin-bottom:2px;padding:2px 6px}button:hover{color:#fff;background:#2b6b78}#beehive_logo{position:absolute;top:15px;right:15px}#terminal1-div button{color:#f5f5f5;border:1px, solid, lightgray}#main{margin:10px;padding:0}#device1-div,#bluetooth-services1-div,#terminal1-div{margin-top:3px;margin-bottom:10px}#terminal1-div{margin-top:3px;margin-bottom:2px}#main,#terminal-div,#terminal1-div{flex-flow:column;flex:1;height:100vh;min-height:0;display:flex}#terminal1-div{background:#000;border:2px solid gray;border-radius:7px;position:relative;overflow:hidden}#log_div{overflow-x:wrap;white-space:pre-wrap;flex:1;padding:5px;overflow-y:scroll}#cli-form{flex-flow:column;display:flex}#stop_cli_button{display:none;position:absolute;top:10px;right:25px}#command_input{border:none;flex:1;padding-bottom:5px;padding-left:5px;display:none;outline:none!important}#log_div,#command_input{color:#fff;background:#000;border-radius:5px;margin:0;font-family:monospace;font-size:1.1em}#tilt_angles_div{white-space:pre;margin-bottom:6px;font-family:monospace;font-size:1.1em}#tilt-explanation{margin-top:10px;font-family:monospace;font-size:1.1em}#loader_div{z-index:1;border:16px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:120px;height:120px;animation:2s linear infinite spin;display:none;position:fixed;top:150px;left:20px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-select{vertical-align:baseline;width:auto;margin-left:.3rem;display:inline-block;position:relative}.custom-select select{appearance:none;color:#333;cursor:pointer;vertical-align:baseline;background:#fff;border:1px solid #ccc;border-radius:6px;padding:.2rem 1.8rem .2rem .5rem;font-size:1rem;transition:border-color .2s;display:inline-block;box-shadow:0 1px 3px #0000000d}.custom-select select:focus{border-color:#2b6b78;outline:none}.custom-select:after{content:"▾";color:#666;pointer-events:none;font-size:.9rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}