.horizontal-bar-row{display:contents;font-size:var(--layout-font-size-body-sm);line-height:var(--layout-font-line-height-body-sm);color:var(--color-text-default);&-clickable{.horizontal-bar-row-content,.horizontal-bar-row-value{cursor:pointer}}&-content{display:flex;gap:var(--layout-gap-md);align-items:start;overflow:clip;min-width:0}&-label{flex:1 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:128px;min-width:4px;line-height:var(--layout-dimension-sm)}&-bars{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--layout-gap-sm);min-width:0}&-track{position:relative;height:var(--layout-dimension-sm);background:var(--color-background-neutral-subtle-default);border-radius:var(--layout-border-radius-sm);overflow:clip;width:100%;transition:opacity .15s ease;&:hover{opacity:.8}&-deemphasized{opacity:.2}}&-fill{position:absolute;top:0;left:0;height:100%;box-sizing:border-box;border-radius:var(--layout-border-radius-xs)}&-value{white-space:nowrap;align-self:start;line-height:var(--layout-dimension-sm);text-align:right;min-width:24px;max-width:80px}}