.stp-lst {
    background-color: var(--background);
    color: var(--text-color);
    counter-reset: stp-counter;

    .stp-lst-itm {
        counter-increment: stp-counter;

        & + .stp-lst-itm {
            border-top: 1px solid var(--bdr-clr);
        }
    }

   

    .stp-lst-crown {
        width: 100%;
        height: auto;
        color: var(--accent);
    }

    .stp-lst-idx {
        --title-color: var(--accent);
        --fnt-t-big-s: 3.778rem;

        &::before {
            content: counter(stp-counter, decimal-leading-zero);
        }
    }

    @media screen and (max-width: 699px) {
        .stp-lst-num {
            width: 2.5rem;
        }
    }
}