.breadcrumbs {
    display: flex;
    align-items: center;
    gap: 0.25em;
}

.breadcrumbs-item {
    display: inline-flex;
    align-items: center;
    gap: 0.25em;
}

.breadcrumbs-item:not(:last-child):not(:has(+ .visually-hidden))::after {
    content: "";
    display: inline-block;
    width: calc(3 / 16 * 1rem);
    height: calc(3 / 16 * 1rem);
    background: var(--color-text);
    border-radius: var(--radius-full);
}