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