$list-icon-size: $size-3;
.list {
    $size: 18px;
    margin: 0;
    padding-left: em(12px, $size);
    
    & > li {
        text-indent: -1.3em;
        
        &:before {
            content: '\2014\a0';
            position: relative;
            right: em(3px, $size);
            color: currentColor;
            font-weight: 400;
        }
    }
}

.list-number {
    $size: 18px;
    margin: 0;
    padding-left: em(9px, $size);
    
    & > li {
        list-style-type: decimal;
        text-indent: 0;
    }
}

.list,
.list-number,
.list-none {
    $size: 18px;
    margin: 0 0 em(30px, $size);
    font-size: $size;
    list-style: none;
    counter-reset: li;
    
    & > li {
        display: list-item;
        margin-bottom: em(10px);
        margin-left: em(25px);
        line-height: 1.55;
    }
    
    ul,
    ol {
        margin-top: em(10px);
        margin-bottom: 0;
        padding-left: 0;
    }
    
    ul > li {
        margin-left: em(35px);
        list-style-type: none;
        text-indent: em(-22px);
    }
    
    ol > li {
        margin-left: em(35px);
        &:before {
            content: '';
        }
    }
    
    .list-icons > li {
        margin-left: 0;
        text-indent: 0;
    }
}

.list-icons {
    margin: 0;
    padding: 0;
    list-style: none;
    & > li {
        position: relative;
        margin-left: 0;
        text-indent: 0;
        padding-left: $list-icon-size + $spacer-2;
        &:before {
            content: none;
        }
    }
    svg {
        width: $list-icon-size;
        height: $list-icon-size;
        position: absolute;
        left: 0;
        color: var(--color-primary-product);
    }
    ul,
    ol {
        margin-top: em(10px);
        margin-bottom: 0;
    }
}

.list-icons_preset-check,
.list-icons_preset-dash,
.list-icons_preset-mark,
.list-icons_icon-custom {
    background-size: 0 0;
    & > li {
        background-image: inherit;
        background-size: 0 0;
        &:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: $list-icon-size;
            height: $list-icon-size;
            background-image: inherit;
            background-size: $list-icon-size $list-icon-size;
            background-repeat: no-repeat;
            background-position: 0 0;
        }
    }
    svg {
        display: none;
    }
}

.list-icons_preset-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cdefs/%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 10.9231l5.44818 5.8972c.82139.8891 2.23812.8505 3.00982-.0821L22 4'/%3E%3C/svg%3E");
}

.list-icons_preset-mark {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cdefs/%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.4583 2H12C6.47715 2 2 6.47715 2 12v0c0 5.5228 4.47715 10 10 10v0c5.5228 0 10-4.4772 10-10v-1.25'/%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.5 9.5l4.0228 4.3885c.7937.8659 2.1592.8645 2.9512-.0029L22.5 4'/%3E%3C/svg%3E");
}

.list-icons_preset-dash {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cdefs/%3E%3Cpath stroke='%23ADADAD' stroke-linecap='round' stroke-width='2' d='M22 12H2'/%3E%3C/svg%3E");
}

.list-icons_icon-fill-product li:before {
    filter: url(#ProductColorFilter);
}

//ToDo https://yt.skbkontur.ru/issue/WS-91704 вынести правки

// BUG На портале списки ломаются внутри класса .text
.list-icons_size-small.list-icons_size-small.list-icons_size-small {
    & > li {
        @include t-small($margins: false);
        margin-bottom: $spacer-1;
    }
}

// BUG На портале списки ломаются внутри класса .text
.list-icons_size-medium.list-icons_size-medium.list-icons_size-medium {
    & > li {
        @include t-medium($margins: false);
        margin-bottom: $spacer-1;
        &:last-child {
            margin-bottom: 0;
        }
    }
    @media screen and (width>=$screen-md-min) {
        & > li {
            margin-bottom: $spacer-2;
        }
    }
}

// BUG На портале списки ломаются внутри класса .text
.list-icons_size-large.list-icons_size-large.list-icons_size-large {
    & > li {
        @include t-large($margins: false);
        margin-bottom: $spacer-2;
        &:last-child {
            margin-bottom: 0;
        }
    }
    @media screen and (width>=$screen-md-min) {
        svg,
        & > li:before {
            top: 3px;
        }
        & > li {
            margin-bottom: $spacer-3;
        }
    }
}

.list-none {
    padding-left: 0;
    list-style: none;
    
    & > li {
        padding-left: 0;
        margin-left: 0;
        text-indent: inherit;
        
        &:last-child {
            margin-bottom: 0;
        }
        &:before {
            content: none;
        }
    }
}

@media screen and (max-width: $screen-xs-max) {
    .list,
    .list-number {
        font-size: 15px;
    }
}