.hhlRange{color:#5b6472;white-space:nowrap;margin-inline-start:auto;font-size:11px;font-weight:600}.hhlBody{background:#f5f6f8;flex-direction:column;gap:10px;padding:14px 18px 18px;display:flex}.hhlHead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;display:flex}.hhlHead>span:first-child{flex-direction:column;gap:2px;display:flex}.hhlHead b{letter-spacing:-.02em;font-size:15px}.hhlHead small{color:#5f6978;font-size:10.5px}.hhlPills{flex-wrap:wrap;gap:5px;display:flex}.hhlPill{white-space:nowrap;border-radius:99px;align-items:center;height:20px;padding:0 9px;font-size:10px;font-weight:650;display:inline-flex}.hhlPill.ok{color:#17784c;background:#dff6e9}.hhlPill.warn{color:#a35400;background:#fdecd9}.hhlPill.info{color:#1f5bc4;background:#e3edff}.hhlCard{background:#fff;border:1px solid #e1e5ea;border-radius:10px}.hhlCardHead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;padding:10px 14px 6px;display:flex}.hhlCardHead b{font-size:12px}.hhlCardHead span{color:#5f6978;font-size:10px}.hhlLanes{flex-direction:column;gap:9px;padding:6px 14px 4px;display:flex}.hhlLanes li{grid-template-columns:62px minmax(0,1fr) 138px;align-items:center;gap:10px;display:grid}.hhlLanes b{font-size:10.5px;font-weight:650}.hhlLanes small{color:#5f6978;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;font-weight:600;overflow:hidden}.hhlLanes small.ok{color:#17784c}.hhlLanes small.warn{color:#a35400}.hhlLanes small.info{color:#1f5bc4}.hhlTrack{background:#eef0f3;border-radius:99px;height:8px;display:block;position:relative}.hhlTrack i{top:0;bottom:0;border-radius:99px;position:absolute;inset-inline-start:0}.hhlTrack i.ok{background:#3fae7c}.hhlTrack i.warn{background:repeating-linear-gradient(-45deg,#e99d3e 0 4px,#f3c27f 4px 8px)}.hhlTrack i.info{background:#5b8fe6}.hhlTrack i.wait{z-index:1;background:repeating-linear-gradient(-45deg,#b9cdf4 0 3px,#dbe6fa 3px 6px);border-start-end-radius:0;border-end-end-radius:0}.hhlTrack em{top:-4px;bottom:-4px;border-inline-start:1px dashed #98a2b3;position:absolute;inset-inline-start:78%}.hhlCard p{color:#5f6978;margin:4px 14px 12px;font-size:9.5px;line-height:1.45}.hhlTable{padding:0 10px 8px}.hhlRow{color:#3b4553;grid-template-columns:minmax(0,1.25fr) repeat(6,minmax(0,1fr));align-items:center;gap:8px;padding:7px 6px;font-size:10px;display:grid}.hhlRow:not(.hhlHeadRow){border-top:1px solid #f0f2f5}.hhlHeadRow{color:#5f6978;background:#f3f4f6;border-radius:7px;align-items:end;margin-bottom:2px;padding-block:5px;font-size:9px;font-weight:700;line-height:1.2}.hhlSup{color:#1c2430;align-items:center;gap:7px;font-weight:650;display:flex}.hhlSup i{border-radius:50%;flex:none;width:7px;height:7px}.hhlSup i.ok{background:#2f9e6b}.hhlSup i.warn{background:#e0902a}.hhlSup i.info{background:#4a7fd8}.hhlSpark{width:100%;max-width:64px;height:16px;display:block;overflow:visible}.hhlSpark.ok{stroke:#2f9e6b}.hhlSpark.warn{stroke:#e0902a}.hhlSpark.info{stroke:#4a7fd8}.hhlSpark.mute{stroke:#98a2b3}.hhlTag{border-radius:99px;align-items:center;height:18px;padding:0 8px;font-size:9.5px;font-weight:650;display:inline-flex}.hhlTag.ok{color:#17784c;background:#dff6e9}.hhlTag.warn{color:#a35400;background:#fdecd9}.hhlMeter{background:#e9ecf1;border-radius:99px;max-width:64px;height:5px;display:block;overflow:hidden}.hhlMeter i{border-radius:99px;height:100%;display:block}.hhlMeter i.ok{background:#3fae7c}.hhlMeter i.warn{background:#e99d3e}.hhlTicks{gap:2px;display:flex}.hhlTicks i{background:#dfe3e8;border-radius:1px;width:3px;height:12px}.hhlTicks i.warn{background:#e0902a}@container mkb (max-width:600px){.hhlBody{padding-inline:12px}.hhlRow{gap:6px;padding-inline:4px}.hhlLanes li{grid-template-columns:56px minmax(0,1fr) 128px;gap:8px}}@container mkb (max-width:520px){.hhlRow{grid-template-columns:minmax(0,1.2fr) repeat(4,minmax(0,1fr));gap:8px}.hhlOpt{display:none}.hhlLanes li{grid-template-columns:56px minmax(0,1fr) 112px}}@container mkb (max-width:480px){.hhlRange{display:none}.hhlRow{grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr))}.hhlRow>:nth-child(5){display:none}.hhlLanes li{grid-template-columns:56px minmax(0,1fr)}.hhlLanes small{grid-column:2;margin-top:-4px}}