:root{color:#e7ebef;font-synthesis:none;--app-bar-height:52px;background:#11161b;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:#11161b;min-height:100vh;margin:0}button,input{font:inherit}button{min-height:32px;color:inherit;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:#1a222a;border:1px solid #66717d;border-radius:3px;font-size:.72rem;font-weight:750}button:hover:not(:disabled){border-color:#b7c7d6}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #83b7e3}button:disabled{cursor:not-allowed;opacity:.45}.app-bar{z-index:20;width:100%;min-height:var(--app-bar-height);background:#171b21;border-bottom:1px solid #3e4852;align-items:center;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 4px 16px #00000047}.app-bar h1{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.9rem}.rack{width:min(1480px,100%);margin:0 auto;padding:0 20px 32px}.global-transport{z-index:10;top:var(--app-bar-height);background:#29323c;border:1px solid #52606d;border-top:0;align-items:center;gap:10px;min-height:58px;margin-bottom:16px;padding:10px 14px;display:flex;position:sticky;box-shadow:0 8px 20px #0000003d}.global-transport h2{letter-spacing:.12em;text-transform:uppercase;margin:0 auto 0 0;font-size:.76rem}.global-transport p,.global-transport label,.global-transport output{color:#c1ccd6;white-space:nowrap;margin:0;font-size:.72rem;font-weight:650}.global-transport label{align-items:center;gap:7px;display:flex}.global-transport input{accent-color:#83b7e3;width:120px}.rack-devices{gap:16px;display:grid}.rack-device{min-width:0}dialog{color:#e7ebef;background:#202832;border:1px solid #66717d;border-radius:4px;max-width:min(420px,100vw - 32px);box-shadow:0 20px 60px #0000008c}dialog::backdrop{background:#04070ac7}dialog h2{margin-top:0}@media (width<=760px){.rack{padding-inline:0}.global-transport{flex-wrap:wrap}.global-transport h2{width:100%}}