.decade-timeline { margin: 28px 0 24px; width: 100%; user-select: none; } .decade-timeline__labels { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 10px; } .decade-timeline__label { flex: 1; text-align: center; font-size: 14px; color: rgba(0,0,0,0.35); font-family: inherit; letter-spacing: 0.01em; line-height: 1; } .decade-timeline__label.is-active { color: #1a1a1a; font-weight: 600; font-size: 15px; } .decade-timeline__track { position: relative; height: 2px; background: rgba(0,0,0,0.15); border-radius: 1px; width: 100%; } .decade-timeline__fill { position: absolute; left: 0; top: 0; height: 2px; background: #1a1a1a; border-radius: 1px; width: 0%; }