// TBD

.tb-tab-navigation {
    position: relative;
    margin-bottom: theme('margin.4');

    &::after {
        background-color: theme('colors.gray.200');
    }
}

.tb-tab-navigation__item {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: theme('margin.6');
    padding-bottom: theme('padding.6');
    font-weight: bold;
    font-size: theme('fontSize.xl');
    color: theme('colors.gray.500');

    &[aria-expanded=true] {
        pointer-events: none;
    }
}

@include mappy-bp(max sm) {
    .tb-tab-navigation__item {
        padding-bottom: theme('padding.4');
        font-size: theme('fontSize.base');
        margin-right: theme('margin.3');
    }
}

.tb-tab-navigation__item[aria-expanded=true] {
    color: theme('colors.gray.900');

    &::after {
        z-index: 1;
        background-color: theme('colors.primary.500');
    }
}

.tb-tab-navigation::after,
.tb-tab-navigation__item[aria-expanded=true]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
}
