.rack-device>.device-state{position:absolute;z-index:8;right:5px;top:50%;display:flex;align-items:center;justify-content:center;gap:3px;transform:translateY(-50%);padding:2px 3px;border:1px solid #ffffff9c;border-radius:2px;background:#101a22dc;color:#fff;font-size:5px;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.04em}
.rack-device>.device-state>i,.module-status-label>i{display:block;width:6px;height:6px;min-width:6px;border-radius:1px;background:#8291a0;box-shadow:0 0 0 1px #ffffffa8}
.rack-device>.device-state>b{font-size:inherit;font-weight:800}
.rack-device.status-online>.device-state>i,.module-status-online .module-status-label>i{background:var(--status-online)}
.rack-device.status-warning>.device-state>i,.module-status-warning .module-status-label>i{background:var(--status-warning)}
.rack-device.status-offline>.device-state>i,.module-status-offline .module-status-label>i{background:var(--status-offline)}
.rack-device.status-passive>.device-state>i,.module-status-passive .module-status-label>i{background:var(--status-passive)}
.module-status-maintenance .module-status-label>i{background:#9b6cdb}
.rack-device.single-u{padding-right:48px}
.rack-device.multi-u{padding-right:54px}
.rack-chassis-device>.device-state{top:4px;right:4px;transform:none}
.rack-chassis-device .rack-chassis-top{padding-right:54px}
.module-status-label{position:absolute;z-index:9;display:flex;align-items:center;justify-content:center;gap:2px;margin:0;padding:2px;border:1px solid #ffffff9c;border-radius:2px;background:#101a22e8;color:#fff;font-size:4px;font-weight:800;font-style:normal;line-height:1;text-transform:uppercase;letter-spacing:.02em}
.module-status-label>span{font:inherit;color:inherit}
.rack-chassis-slots.vertical-left-right>i .module-status-label{left:50%;bottom:2px;flex-direction:column;transform:translateX(-50%);writing-mode:vertical-rl}
.rack-chassis-slots.vertical-left-right>i .module-status-label>i{width:5px;height:5px;min-width:5px}
.rack-chassis-slots.horizontal-top-down>i .module-status-label,.rack-chassis-slots.horizontal-bottom-up>i .module-status-label{right:3px;top:50%;transform:translateY(-50%);writing-mode:horizontal-tb}
.rack-chassis-slots.horizontal-top-down>i,.rack-chassis-slots.horizontal-bottom-up>i{padding-right:40px}
.rack-chassis-slots>i:after{display:none!important}
.zero-u-device-state{display:flex;align-items:center;justify-content:center;gap:2px;color:#fff;font-size:4px;font-weight:800;text-transform:uppercase}
.zero-u-device-state>i{width:5px;height:5px;border-radius:1px;background:#8291a0;box-shadow:0 0 0 1px #ffffffa8}
.zero-u-device-state.status-online>i{background:var(--status-online)}
.zero-u-device-state.status-warning>i{background:var(--status-warning)}
.zero-u-device-state.status-offline>i{background:var(--status-offline)}
.zero-u-device-state.status-passive>i{background:var(--status-passive)}
@media(max-width:760px){.rack-device>.device-state{font-size:4px}.module-status-label>span{display:none}.rack-device.single-u{padding-right:24px}.rack-device.multi-u{padding-right:30px}}