@import "variables";

:host {
    display: block;
    padding: 0;
    position: relative;
}
.breadcrumbs {
    list-style-type: none;
    display: flex;
    overflow-x: auto;
    max-width: 100vw;
    line-height: 100%;
    height: 40px;
    padding: calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2.5);
    font-size: var(--font-size-sm);
    background-color: var(--color-weight-125);
    border-radius: var(--border-radius-lg);
    li {
        display: inline-block;
        white-space: nowrap;
        a:link, a:visited {
            color: var(--color-weight-700);
        }
        &:last-child {
            font-weight: 600;
        }
    }

}
