.tabs tabs {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.tab {
    @extend %nav-all;
    display: block;
    padding: 24dp 24dp;
    background-color: rgba(0,0,0,0);
    margin: 0;
    color: $color-text-inactive;
    transition: color $transition-quick;

    &:selected {
        border-bottom: 2dp;
        border-color: $color-border-solid;
        color: $color-text;
    
        &:hover {
            cursor: default;
        }
    }

    &:hover {
        cursor: pointer;
    }

    &:focus {
        color: $color-text;
    }
}