.esther-breadcrumb {
    display: inline-flex;
    align-items: baseline;
    gap: var(--s-2);
    padding-block: var(--s-3);
    font-size: var(--fs-small);
    color: var(--color-text-muted);
}

.esther-breadcrumb__corner {
    color: var(--color-text-soft);
    font-family: monospace;
}

.esther-breadcrumb__link {
    color: var(--color-text-muted);
    text-decoration: none;
    transition: color var(--t-base);
}

.esther-breadcrumb__link:hover {
    color: var(--color-text);
}