.revbhero{padding-top:55px;padding-bottom:45px}.reviewgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}#canvas{height:640px;position:relative;background:#0c1520}#canvas canvas{display:block;width:100%;height:100%;touch-action:none}.loading{position:absolute;top:40%;width:100%;text-align:center;color:#9eb5c8}.legal{font-size:11px;color:#8193a6;margin-top:14px}a{color:#b6c9e0}.hmi hr{border:0;border-top:1px solid #303a47;margin:20px 0}.hmi .eyebrow{font-size:10px;margin-bottom:12px}#contact{font-size:12px;line-height:1.6;color:#f5b4be;min-height:38px}#state{color:#f0b660}.caption b{font-size:15px}.transport output{min-width:60px}#metrics{line-height:1.7}.hmi{display:block!important}.hmi #alarm{min-height:50px}@media(max-width:1100px){.reviewgrid{grid-template-columns:1fr}#canvas{height:550px}.hmi{display:grid!important;grid-template-columns:1fr 1fr;gap:0 30px}.hmi hr{display:none}}@media(max-width:650px){#canvas{height:430px}.hmi{display:block!important}.viewbar{flex-wrap:wrap}.viewbar button{padding:6px}.revbhero h1{font-size:35px}.legal{font-size:10px}.transport{padding:10px}.transport output{font-size:10px}}
.rendernotice{position:absolute;bottom:8px;left:12px;right:12px;padding:7px 10px;background:#101823e8;border:1px solid #4b5565;color:#e3b96e;font-size:11px;z-index:2}
