@import "../mixins";

.evo-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 0;
    list-style-type: none;

    li {
        margin-bottom: $distance-small;

        &:last-child {
            margin-bottom: 0;
        }

        &:before {
            display: inline-block;
            width: 6px;
            height: 6px;
            margin-right: $distance-micro;
            color: $color-text;
            content: '\2022';
        }
    }

    &_checked {
        li:before {
            display: inline-block;
            width: 14px;
            height: 10px;
            margin-right: $distance-micro;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAzMCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy44NDY5IDAuNDI0MDcyQzE0LjQxMjUgMC45ODk1MDIgMTQuNDEyNSAxLjkwNzQ3IDEzLjg0NjkgMi40NzI5TDYuNzQzMSA5LjU3NjQyQzYuMjg5OTggMTAuMDI5NSA1LjYxMTUxIDEwLjEyMDQgNS4wNjg1NCA5Ljg0NzlDNC44NTIyMyA5Ljc4MDUyIDQuNjQ4MzggOS42NjA0IDQuNDc3MjMgOS40ODg1M0wwLjQyNDI1NSA1LjQzNTc5Qy0wLjE0MTQxOCA0Ljg3MDM2IC0wLjE0MTQxOCAzLjk1MjM5IDAuNDI0MjU1IDMuMzg2OTZDMC45OTAxNzMgMi44MjE1MyAxLjkwNzQxIDIuODIxNTMgMi40NzMzMyAzLjM4Njk2TDUuNjUzOTkgNi41Njc2M0wxMS43OTc4IDAuNDI0MDcyQzEyLjM2MzcgLTAuMTQxMzU3IDEzLjI4MDkgLTAuMTQxMzU3IDEzLjg0NjkgMC40MjQwNzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjA1NjY0MDYgMS45OTQxNCkgc2NhbGUoMikiIGZpbGw9IiMyMUM2OEIiLz4KPC9zdmc+Cg==");
            background-size: 14px 10px;
            content: "";
        }
    }
}
