/* default options:
- size: small
*/

.ui-breadcrumb {
    font: var(--theme-paragraph-20-medium);
    color: var(--theme-text-20);
    letter-spacing: var(--theme-paragraph-20-letter-spacing);
}

/* Size */
.ui-breadcrumb[t-size="medium"] {
    font: var(--theme-heading-20);
    letter-spacing: var(--theme-heading-20-letter-spacing);
}

.ui-breadcrumb[t-size="large"] {
    font: var(--theme-heading-30);
    letter-spacing: var(--theme-heading-30-letter-spacing);
}

.ui-breadcrumb li {
    display: inline;
}

.ui-breadcrumb li + li::before {
    padding: 0 2px;
    color: var(--theme-text-20);
    content: '/\00a0';
}

.ui-breadcrumb li span {
    color: var(--theme-text-10);
}

.ui-breadcrumb li:not(:last-child) span {
    color: var(--theme-text-20);
}

.ui-breadcrumb li a {
    color: inherit;
}

@media (min-width: 700px) {
    .ui-breadcrumb li a {
        text-decoration: none;
    }
}

.ui-breadcrumb li a:hover {
    opacity: 0.6;
}