/* Approved 03 / pilot light. Only mounted beside the Work and Library headings. */
.device-monitor-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:34px 0 30px;position:relative}
.device-monitor-heading>.intro{flex:1;min-width:0;padding:0;margin:0}
.device-monitor-heading .collection-title-button{max-width:100%}


.device-monitor-baseline{display:inline-block;vertical-align:baseline;width:0;height:0;overflow:hidden}
.device-monitor{display:flex;align-items:flex-end;gap:6px;flex:0 0 auto;height:26px;color:var(--muted,#5f625a);transform:translateY(var(--monitor-align,0px));position:relative;z-index:110;isolation:isolate}
.device-monitor-item{position:relative;flex:0 0 40px;width:40px;height:26px}
.device-monitor-button{display:block;position:relative;width:40px;height:26px;min-height:0;border:0;padding:0;background:none;color:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}
.device-monitor-button::before{content:'';position:absolute;inset:-18px -2px 0}
.device-monitor-button:focus{outline:none}
.device-monitor-button:focus-visible .device-monitor-hardware{stroke-width:1.65}
.device-monitor-face{position:absolute;left:0;bottom:0;width:36px;height:26px}
.device-monitor-hardware{display:block;width:26px;height:26px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;transform:translateY(3.22px)}
.device-monitor-item[data-device=mac_mini] .device-monitor-hardware{transform:translateY(4.84px)}
.device-monitor-hardware :is(path,rect,circle){vector-effect:non-scaling-stroke}
.device-monitor-pilot{position:absolute;right:0;bottom:0;display:block;width:4px;height:4px;min-width:4px;min-height:4px;aspect-ratio:1;overflow:visible;fill:#b66a5d;background:none;border:0;border-radius:0;box-shadow:none;pointer-events:none}
.device-monitor-item[data-online=true] .device-monitor-pilot{fill:#6e8774}
.device-monitor-readings{position:absolute;right:0;top:100%;width:82px;padding-top:8px;display:none;border:0;background:none;box-shadow:none;color:inherit;z-index:2}
.device-monitor-item[data-open=true] .device-monitor-readings{display:grid;gap:2px}
.device-monitor-row{display:grid;grid-template-columns:12px minmax(0,1fr);gap:6px;align-items:center;min-height:14px}
.device-monitor-metric{display:block;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:.8;stroke-linecap:round;stroke-linejoin:round}
.device-monitor-metric :is(path,rect,ellipse){vector-effect:non-scaling-stroke}
.device-monitor-metric--disk{width:10px;height:10px;justify-self:center}
.device-monitor-track{display:block;height:3px;border-radius:999px;background:#e4e4dd;overflow:hidden}
.device-monitor-fill{display:block;height:100%;width:var(--usage,0%);border-radius:999px;background:var(--usage-color,#c9cbc2)}
.device-monitor-row[data-unknown=true] .device-monitor-track{background:#d8dad2;opacity:.65}
@media(max-width:600px){.device-monitor-heading{gap:10px;padding:25px 0 24px}.device-monitor{gap:4px}}