ul > li {
    padding-left: 12px;
    margin-bottom: 15px;
}

ul > li::marker {
    content: '▶';
    color: var(--avocado);
}

ul.breadcrumb {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin-left: 30px;
}

ul.breadcrumb > li {
    padding: 0;
}

ul.breadcrumb > li::marker {
    content: '';
}

ul.breadcrumb > li > a {
    text-decoration: none;
    color: var(--white);
    transition: var(--normalTransition);
}

ul.breadcrumb > li > a:hover {
    color: var(--avocado);
    transition: var(--normalTransition);
    cursor: pointer;
}

ul.breadcrumb > li::before {
    content: ">";
    font-weight: 700;
    margin-left: 10px;
    margin-right: 5px;
}

ul.breadcrumb > li:first-child:before {
    display: none;
}