.float-bar{position:relative}.float-bar:has(.float-bar-edge){padding-bottom:16px}.float-bar:has(.float-bar-value-marker){padding-top:16px}.float-bar:has(.float-bar-value-marker) .float-bar-edge{top:21px}.float-bar-track{border-radius:3px;height:6px;position:relative;overflow:visible}.float-bar-segment{height:100%;position:absolute;top:0}.float-bar-segment:first-child{background:#4caf50}.float-bar-segment:nth-child(2){background:#8bc34a}.float-bar-segment:nth-child(3){background:#ffc107}.float-bar-segment:nth-child(4){background:#ff9800}.float-bar-segment:nth-child(5){background:#f44336}.float-bar-hit{position:relative}.float-bar-zones{position:absolute;inset:0}.float-bar-zone{border-radius:3px;height:100%;position:absolute;top:0}.float-bar-zone:before{content:"";position:absolute;inset:-8px 0 0}.float-bar-zone:hover{outline-offset:1.5px;outline:1.5px solid #f5f6f7}.float-bar-zone:hover .float-bar-tip{opacity:1;visibility:visible}.float-bar-zone:first-child .float-bar-tip{left:0;transform:none}.float-bar-zone:last-child .float-bar-tip{left:auto;right:0;transform:none}.float-bar-tip{z-index:3;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;background:#202228;border:1px solid #40444e;border-radius:4px;align-items:baseline;gap:6px;padding:4px 8px;transition:opacity .15s;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.float-bar-tip .float-bar-tip-name{color:#f5f6f7b8;font-size:11px}.float-bar-tip .float-bar-tip-range{color:#f5f6f7;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.float-bar-out{mix-blend-mode:color;pointer-events:none;background:gray;height:100%;position:absolute}.float-bar-marker{pointer-events:none;background:#fff;border-radius:2px;width:4px;height:12px;position:absolute;top:-3px;transform:translate(-50%)}.float-bar-edge{background:0 0;flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute;top:5px;transform:translate(-50%)}.float-bar-edge:disabled{pointer-events:none;cursor:default}.float-bar-edge:not(:disabled):hover{opacity:.75}.float-bar-edge svg{width:14px;height:14px;display:block;transform:rotate(180deg)}.float-bar-edge .float-bar-edge-label{white-space:nowrap;margin-top:-2px;font-size:11px;font-weight:500}.float-bar-value-marker{pointer-events:none;color:#ffffffb8;line-height:1;position:absolute;top:-2px}.float-bar-value-marker .float-bar-edge-label{white-space:nowrap;font-size:11px;font-weight:500}