@layer template {
    .numbered-list {
        display: flex;
        padding-top: 4.6875vw;
        padding-bottom: 4.6875vw;
        border-top: 1px solid #333333;
        border-bottom: 1px solid #333333
    }

    @media (min-width: 1024px) {
        .numbered-list {
            padding-top:20px;
            padding-bottom: 20px
        }
    }

    .numbered-list .numbered-list__wrapper {
        display: flex;
        flex-direction: column;
        padding-left: 1.5625vw
    }

    @media (min-width: 1024px) {
        .numbered-list .numbered-list__wrapper {
            padding-left:15px
        }
    }

    .numbered-list .numbered-list__wrapper .numbered-list__item {
        padding-left: 1.5625vw
    }

    @media (min-width: 1024px) {
        .numbered-list .numbered-list__wrapper .numbered-list__item {
            padding-left:25px
        }
    }
}