.values-scrollbar {
    height: 500px;
    position: sticky;
    top: 170px;
    width: 2px;
    margin-left: 20px;

    &:before {
        background-color: hsla(0, 0%, 100%, 0.4);
        content: "";
        height: 100%;
        position: absolute;
        width: 4px;
    }

    span {
        background-color: #2563eb;
        height: 10%;
        position: absolute;
        top: 0;
        transition: top 0.2s;
        width: 4px;

        &.slide-0 { top: 0%; }
        &.slide-1 { top: 10%; }
        &.slide-2 { top: 20%; }
        &.slide-3 { top: 30%; }
        &.slide-4 { top: 40%; }
        &.slide-5 { top: 50%; }
        &.slide-6 { top: 60%; }
        &.slide-7 { top: 70%; }
        &.slide-8 { top: 80%; }
        &.slide-9 { top: 90%; }
    }

    @media screen and (max-width: 1000px) {
        height: 338px;
        top: 80px;
    }
}