.rapid-journey-filter {
    display: flex;
    align-items: flex-start;
    gap: var(--rapid-space-4);
    width: 100%;
    min-width: 0;
}
.rapid-journey-filter > .rapid-button {
    flex: none;
    align-self: center;
}
.rapid-journey-filter__steps {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    list-style: none;
    margin: 0;
    padding: var(--rapid-space-1) 0;
    overflow-x: auto;
}
.rapid-journey-filter__step {
    position: relative;
    flex: 1 1 0;
    min-width: 7.5rem;
    text-align: center;
}
.rapid-journey-filter__connector {
    position: absolute;
    top: calc(var(--rapid-space-2) + 12px);
    left: 50%;
    width: 100%;
    height: 2px;
    transform: translateY(-50%);
    background: var(--rapid-control-line);
    pointer-events: none;
}
.rapid-journey-filter__hit {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--rapid-space-1);
    width: 100%;
    margin: 0;
    padding: var(--rapid-space-2) var(--rapid-space-1) 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
    border-radius: var(--rapid-radius-control);
}
.rapid-journey-filter__hit:focus-visible {
    outline: 2px solid var(--rapid-focus);
    outline-offset: 2px;
}
.rapid-journey-filter__marker {
    width: 24px;
    height: 24px;
    flex: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--rapid-canvas);
    border: 2px solid var(--rapid-control-line);
    color: var(--rapid-muted);
}
.rapid-journey-filter__hit:hover .rapid-journey-filter__marker {
    border-color: var(--rapid-green);
}
.rapid-journey-filter__step--selected .rapid-journey-filter__marker {
    background: var(--rapid-green);
    border-color: var(--rapid-green);
    color: var(--rapid-on-structure);
    box-shadow: 0 0 0 var(--rapid-space-1) var(--rapid-canvas);
}
.rapid-journey-filter__marker .rapid-icon {
    width: 14px;
    height: 14px;
}
.rapid-journey-filter__label {
    display: block;
    font-size: var(--rapid-text-3xs);
    font-weight: 700;
    color: var(--rapid-muted);
    overflow-wrap: anywhere;
}
.rapid-journey-filter__step--selected .rapid-journey-filter__label {
    color: var(--rapid-ink);
}
.rapid-journey-filter__figures {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--rapid-space-2);
}
.rapid-journey-filter__count {
    font: 800 var(--rapid-text-md) var(--rapid-font-heading);
    color: var(--rapid-ink);
    font-variant-numeric: tabular-nums;
}
.rapid-journey-filter__unread,
.rapid-journey-filter__reminder {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: var(--rapid-muted);
}
.rapid-journey-filter__unread {
    color: var(--rapid-danger);
    padding-right: var(--rapid-space-2);
}
.rapid-journey-filter__badge {
    position: absolute;
    top: -6px;
    right: -4px;
    min-width: 16px;
    height: 16px;
    padding: 0 3px;
    border-radius: 8px;
    display: inline-grid;
    place-items: center;
    background: var(--rapid-danger);
    color: var(--rapid-on-structure);
    font: 700 var(--rapid-text-3xs)/1 var(--rapid-font-body);
    font-variant-numeric: tabular-nums;
}
.rapid-filterbar--chips-first .rapid-filterbar__chips .rapid-journey-filter {
    width: 100%;
}