:root {
    --breadcrumb-spacing: 5px;
}

.back-arrow {
    width: calc(var(--text-default-size) / 2);
    height: calc(var(--text-default-size) / 2);
    display: block;
    border-left: 1px solid;
    border-top: 1px solid;
    rotate: -45deg;
    transform: translateX(-20%) translateY(50%);
}

.breadcrumb-item {
    text-transform: uppercase;
    margin-right: var(--breadcrumb-spacing);
}

.breadcrumb-separator {
    margin-right: var(--breadcrumb-spacing);

    &:first-of-type {
        display: none;
    }
}

.breadcrumb {
    margin-bottom: 5px;
    display: flex;
}