*{box-sizing:border-box;margin:0;padding:0}html,body{overflow:hidden}.main-page{background-color:#bbc0c4;grid-template-columns:1fr 3fr;gap:30px;height:100vh;padding:20px;display:grid;overflow:hidden}.left-column{grid-template-columns:1fr 1fr;gap:10px;width:fit-content;padding:20px;display:grid}.right-column{width:fit-content}footer{justify-content:center;width:100%;display:flex;position:fixed;bottom:0}header,footer{font-size:1.rem;color:#fff;background-color:#abaeb1;font-family:Orbitron,sans-serif}footer{color:gray;padding:5px}@media (width<=700px){.main-page{flex-direction:column;height:auto;padding:20px;display:flex}.left-column{flex-direction:column;justify-content:center;margin-left:0;display:flex}}.dropdown-container{flex-direction:column;width:100%;margin:5px 0;font-family:Arial,sans-serif;display:flex}.dropdown-container label{color:#333;margin-bottom:5px;padding-left:3px;display:flex}.select-dropdown{color:#333;cursor:pointer;background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;padding:6px;font-size:16px;transition:all .3s}.select-dropdown:hover{background-color:#f0f0f0;border-color:#888}.select-dropdown:focus{border-color:#4682b4;outline:none}.hms-content{flex-direction:column;display:flex}.hms-gauge{grid-template-columns:auto 1fr;margin-top:5%;padding-left:20px;font-size:16px;display:grid}.hms-settings{margin-top:1%;margin-left:4%}.hms-robot-image{grid-column:span 2;justify-self:center;width:100px;height:auto;margin-bottom:20px}.bms-input-container{grid-template-columns:1fr 1fr;align-items:center;width:210px;font-size:16px;display:grid}.hms-label{white-space:nowrap;padding-right:10px}.text-input[type=text]{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;margin:4px 0;padding:8px;font-size:16px;transition:border-color .3s}.hms-button{cursor:pointer;color:#fff;background-color:#000;border:1px solid #a9a9a9;border-radius:.3em;align-items:center;width:fit-content;height:20px;margin-top:2%;margin-left:4%;padding:15px;font-size:14px;display:flex}.hms-sensor-value{flex-direction:row;margin-top:2%;margin-left:4%;display:flex}.hms-sensor-value-button{cursor:pointer;color:#fff;background-color:#000;border:1px solid #a9a9a9;border-radius:.3em;align-items:center;width:fit-content;height:5px;padding:10px;font-size:14px;display:flex}.gauge-card{color:#fff;background-color:#7a83c6;border:2px solid #fff;border-radius:5px;width:250px;height:fit-content;padding:10px}.gauge-card.bot-box{margin-top:3%;line-height:1.5}.file-drop{cursor:pointer;z-index:10;background-color:#d3d3d3;flex-direction:column;justify-content:center;justify-self:center;align-items:center;width:55%;margin-top:6%;padding:20px;transition:left .5s ease-in-out;display:flex;position:fixed;top:0;left:-100%;overflow:hidden}.file-drop.visible{left:35%}.error-message{color:red;white-space:pre-wrap;text-align:center}.dismiss-dropzone-button{color:#fff;cursor:pointer;z-index:11;text-align:center;background-color:#007bff;border:none;border-radius:5px;width:80px;padding-top:10px;padding-bottom:10px}._gauge_igg9n_1{--arc1_color:green;--arc1_start:270deg;--arc1_end:70deg;--arc2_color:white;--arc2_start:70deg;--arc2_end:210deg;--arc3_color:red;--arc3_start:210deg;--arc3_end:250deg;--arc4_color:lightgreen;--arc4_start:250deg;--arc4_end:260deg;--arcf_color:green;--gauge_margin_top:3%;--gauge_margin_left:0%;--gauge_width:50px;--gauge_height:50px;--gauge_border_radius:.5em;--gauge_background_color:steelblue;--gauge_align_self:"center";--outer_disk_height:90%;--outer_disk_width:90%;--outer_disk_background_image:conic-gradient(var(--arc1_color) var(--arc1_end), var(--arc2_color) var(--arc2_start) var(--arc2_end), var(--arc3_color) var(--arc3_start) var(--arc3_end), var(--arc4_color) var(--arc4_start) var(--arc4_end), var(--arc1_color) var(--arc1_start));--inner_disk_background_color:#bfd3f2;--inner_disk_width:85%;--inner_disk_height:85%;--needle_transition:transform .8s ease;--needle_background_color:#df2a2a;--needle_bottom_color:#665454;--needle_bottom_border_radius:50%;--gauge_label_justify_content:center;--gauge_label_font_size:10px;--gauge_label_color:green;--gauge_label_margin_top:55%;--gauge_reading:210deg;--gauge_reading_font_size:20px;--gauge_reading_color:#80007e;--gauge_reading_margin_left:5px;margin-top:var(--gauge_margin_top);margin-left:var(--gauge_margin_left);width:var(--gauge_width);height:var(--gauge_height);border-radius:var(--gauge_border_radius);background-color:var(--gauge_background_color);color:#000;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:1px 1px 5px #00000080}._hms_igg9n_169{color:#000;z-index:1;padding:5px;font-size:45%;position:absolute}._outer_disk_igg9n_185{height:var(--outer_disk_height);width:var(--outer_disk_width);background-image:var(--outer_disk_background_image);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}._inner_disk_igg9n_209{width:var(--inner_disk_width);height:var(--inner_disk_height);background-color:var(--inner_disk_background_color);border-radius:50%;justify-content:center;align-items:center;display:grid;position:absolute}._needle_igg9n_233{background-color:var(--needle_background_color);width:3px;height:45%;transition:var(--needle_transition);transform:translate(-50%, -100%) rotate(var(--gauge_reading));transform-origin:bottom;position:absolute;top:50%;left:50%}._needle_bottom_igg9n_257{border-radius:var(--needle_bottom_border_radius);background-color:var(--needle_bottom_color);transform-origin:bottom;border-radius:var(--needle_bottom_border_radius);width:10px;height:10px;position:absolute;top:95%;left:53%;transform:translate(-50%,-50%)}._gauge_label_igg9n_291{justify-content:var(--gauge_label_justify_content);font-size:var(--gauge_label_font_size);color:var(--gauge_label_color);margin-top:var(--gauge_label_margin_top);display:flex}._gauge_reading_igg9n_307{font-size:var(--gauge_reading_font_size);color:var(--gauge_reading_color);margin-left:var(--gauge_reading_margin_left)}.main-page-buttons{border:1px solid #fff;flex-direction:column;gap:1px;margin-top:3%;padding-top:2px;padding-bottom:3px;display:flex}.apply-button-enabled,.apply-button-disabled{border:1px solid #a9a9a9;border-radius:.3em;justify-content:center;align-items:center;width:fit-content;height:20px;margin-top:.5%;margin-left:4%;padding:16px;font-size:14px;display:flex}.apply-button-enabled{color:#fff;cursor:pointer;background-color:#000}.apply-button-disabled{color:silver;cursor:not-allowed;background-color:#d3d3d3}.apply-button-enabled:hover{box-shadow:2px 2px 2px #b20b0b33}.message-container{color:#00f;z-index:1000;text-align:center;background-color:#d3d3d3;border:2px solid #fff;flex-direction:column;gap:10px;width:70%;padding:10px;font-size:18px;display:flex;position:fixed;top:90%;left:-50%;transform:translate(-50%,-50%)}.message-container.visible{border:2px solid red;left:50%}.gauge-place-holder{background-color:#7a83c6;grid-template-columns:1fr 1fr;width:75%;height:fit-content;margin-top:1%;padding:20px;font-size:16px;display:grid}.gauge-place-holder-buttons{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;row-gap:3px;width:fit-content;height:fit-content;margin-left:10%;display:grid}.gauge-place-holder-button{cursor:pointer;color:#fff;background-color:#000;border:1px solid #a9a9a9;border-radius:.3em;align-items:center;width:fit-content;height:5px;padding:10px;font-size:14px;display:flex}.showcase-container{background-color:#bbc0c4;flex-direction:row;justify-content:center;height:100vh;padding:100px;display:flex}.showcase-header{font-size:24px;font-weight:700}.showcase-buttons-container{flex-direction:row;margin-top:1%;margin-left:4%;display:flex}.showcase-button{cursor:pointer;color:#fff;background-color:#000;border:1px solid #a9a9a9;border-radius:.3em;align-items:center;width:fit-content;height:5px;padding:10px;font-size:14px;display:flex}@media (width<=900px){.showcase-container{flex-direction:column;height:auto;padding:20px}.showcase-buttons-container{justify-content:center;margin-left:0}body,html{overflow:scroll}}