.breadcrumb {
    margin-bottom: 24px;
    font-size: 18px;
}

.breadcrumb a {
    text-decoration: none;
    color: var(--disabled);
}


.breadcrumb > .active {
    color: var(--gray);
    pointer-events: none;
}

.breadcrumb.type2 {
    font-weight: bold;
    text-transform: uppercase;
}

.breadcrumb.type2 > .active {
    color: var(--primary);
}


.breadcrumb > :not(:first-child)::before {
    content: url(/assets/arrow.svg);
    display: inline-block;
    transform: translate(-2px, 7px) ;
}