.route-stats-bar{margin-bottom:.5rem}.route-stats-bar__chart{display:-webkit-box;display:-ms-flexbox;display:flex;height:.75rem;border-radius:2px;overflow:hidden;background:var(--cds-layer-accent)}.route-stats-bar__segment{height:100%;min-width:2px;cursor:pointer;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}.route-stats-bar__segment:hover{opacity:.8}.route-stats-bar__legend{display:grid;grid-template-columns:repeat(2,1fr);gap:0 1rem;margin-top:.75rem}.route-stats-bar__legend-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.25rem;font-size:.75rem;cursor:pointer;-webkit-transition:background .15s ease;transition:background .15s ease;border-radius:4px}.route-stats-bar__legend-item:hover{background:var(--cds-layer-hover)}.route-stats-bar__legend-dot{width:.75rem;height:.75rem;border-radius:4px;margin-right:.5rem;-ms-flex-negative:0;flex-shrink:0}.route-stats-bar__legend-label{-webkit-box-flex:1;-ms-flex:1;flex:1;color:var(--cds-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-stats-bar__legend-value{color:var(--cds-text-secondary);margin-left:.5rem;white-space:nowrap}