.tb-breadcrumbs {
    width: 100%;
    max-width: var(--tb-breakpoint-medium);
    margin: 0 var(--tb-spacing-60);
    display: flex;
    flex-wrap: wrap;
    gap: var(--tb-spacing-5);
    padding: var(--tb-spacing-10) 0;
    color: var(--tb-color-blue-800);
}

.tb-breadcrumbs a {
    text-decoration: underline;
}

.tb-breadcrumbs a:hover {
    text-decoration: none;
}

@media (max-width: 1024px) {
    .tb-breadcrumbs {
        margin: 0 var(--tb-spacing-50);
    }
}

@media (max-width: 500px) {
    .tb-breadcrumbs {
        margin: 0 var(--tb-spacing-20);
    }
}