/*#region BREADCRUMB */

.breadcrumb {
    --gap: .3rem;
    display: flex;
    padding: .25rem 0 .25rem 0;
    border-bottom-right-radius: 1rem;
    column-gap: var(--gap);
    margin-bottom: 32px
}

    .breadcrumb.breadcrumb--big {
        text-transform: uppercase;
        margin-bottom: 0;
    }

    .breadcrumb * {
        white-space: nowrap;
        color: rgb(var(--color-graphite));
        font-size: .9rem;
        font-weight: 500;
        margin-bottom: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 15em;
        align-items: center;
    }

    .breadcrumb.breadcrumb--big * {
        color: rgb(var(--grey));
        font-size: 1.15rem;
    }

    .breadcrumb > * + *::before {
        content: '\e005';
        font-family: 'Font Awesome Kit';
        font-size: .6em;
        font-weight: 100;
        margin-right: var(--gap);
    }

    .breadcrumb a {
        text-decoration: underline;
    }

.breadcrumb-nav {
    display: flex;
    align-items: center;
    column-gap: 4px;
    flex-wrap: wrap;
    margin: 0 0 1.5rem 0;
}

    .breadcrumb-nav__item {
        font-family: var(--font-brand);
        font-size: var(--font-size-label);
        line-height: var(--line-height-medium);
        color: rgb(var(--color-graphite));
        text-decoration: underline;
        white-space: nowrap;
        font-weight: 400;
    }

        .breadcrumb-nav__item--current {
            font-weight: 700;
            text-decoration: none;
        }

    .breadcrumb-nav__separator {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 17px;
        height: 17px;
        color: rgb(var(--color-graphite));
    }

/*#region BREADCRUMB */

.breadcrumb {
    --gap: .3rem;
    display: flex;
    padding: .25rem 0 .25rem 0;
    border-bottom-right-radius: 1rem;
    column-gap: var(--gap);
    margin-bottom: 32px;
}

    .breadcrumb.breadcrumb--big {
        text-transform: uppercase;
        margin-bottom: 0;
    }

    .breadcrumb * {
        white-space: nowrap;
        color: rgb(var(--color-graphite));
        font-size: .9rem;
        font-weight: 500;
        margin-bottom: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 15em;
        align-items: center;
    }

    .breadcrumb.breadcrumb--big * {
        color: rgb(var(--grey));
        font-size: 1.15rem;
    }

    .breadcrumb > * + *::before {
        content: '\e005';
        font-family: 'Font Awesome Kit';
        font-size: .6em;
        font-weight: 100;
        margin-right: var(--gap);
    }

    .breadcrumb a {
        text-decoration: underline;
    }

body:not(:has(.sidenav-container)) .breadcrumb-nav {
    margin-top: 3rem;
}
/*#endregion */
/*#endregion BREADCRUMB */