#breadcrumbs {
    gap: var(--space-2);
    overflow: auto;
    width: var(--size-full);
    padding: var(--space-3);
}

.crumb {
    width: var(--size-fit);
    text-wrap: nowrap;
}

#breadcrumbs .separator.vertical {
    transform: rotate(12deg);
}

.crumb:not([href]) {
    color: var(--neutral-3);
    cursor: default;
}

.crumb[href]:hover {
    text-decoration: underline;
}