/* Public domain 2017. All rights waived */

.breadcrumbs {
    background-color: var(--background-color);
    color: var(--dim-color);
    font-size: 0.8rem;
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    padding: 0px 5px;
    touch-action: pan-x;
    white-space: nowrap;
}

.breadcrumbs:active,
.breadcrumbs:focus,
.breadcrumbs:hover {
    overflow-x: auto;
}

.breadcrumbs span {
    display: inline-block;
    font-size: 0.7rem;
    line-height: 2rem;
    padding: 0px 5px;
}

.crumb:link,
.crumb:visited {
    border-style: none;
    color: var(--dim-color);
    display: inline-block;
    line-height: 2rem;
    padding: 0px 5px;
}

.crumb:active,
.crumb:focus,
.crumb:hover {
    color: var(--dark-color);
}


@media (prefers-color-scheme: dark) {
    .crumb:active,
    .crumb:focus,
    .crumb:hover {
        color: var(--yellow);
    }
}