.horizontal-scroll-container {
    overflow-x: scroll;
    width: 70%;
    align-self: center;
}

.transition-indicator {
    display: flex;
    flex-direction: column;
    align-items: center;
}
    .transition-indicator .indicator-line {
        display:flex;
        flex-direction: column;
        height: 4rem;
        width: 0.1rem;
        background-color: var(--darker-primary-green);
    }
    .transition-indicator .down {
        transform: rotate(180deg);
    }
    .transition-indicator .indicator-line:after {
        content: "";
        display: flex;
        width: 0.5rem;
        height: 0.5rem;
        background-color: var(--darker-primary-green);
        border-radius: 50%;
        align-self: center;
    }
    .transition-indicator span {
        padding: 0.5em 0;
    }
    .transition-indicator .current-stage-indicator {
        font-weight: 500;
        color: var(--gray);
    }
    .transition-indicator .next-stage-indicator {
        font-weight: 600;
        color: var(--darker-primary-green);
    }
    
.purchases-item-search {
    align-self: center;
    width: 50%;
}
    .purchases-item-search input {
        background: transparent;
    }