<commit_before>@import 'nav-variables';

.dashboard-nav {
    &__mobile {
        @extend %arrow;

        display: block;
        position: relative;
        border: $dashboard-nav__mobile-border;
        border-width: $dashboard-nav__mobile-border-width;
        padding: $dashboard-nav__mobile-padding;
        font-weight: $dashboard-nav__mobile-font-weight;
        cursor: pointer;

        @include mq($screen-l) {
            display: none;
        }

        &--active {
            @extend %arrow-active;
        }
    }

    &__content {
        display: none;

        &--visible {
            display: block;
        }

        @include mq($screen-l) {
            display: block;
        }
    }

    &__item {
        position: relative;
        padding: $dashboard-nav__item-padding;
        transition: $dashboard-nav__item-transition;
    }

    &__item > a,
    &__link {
        @extend %arrow;
        display: block;
        padding: $dashboard-nav__link-padding;
        text-decoration: $dashboard-nav__link-text-decoration;
        &:after {
            transform: rotate(-45deg);
            @include mq($max-screen: $screen-l - 1px) {
                display: none;
            }
        }

        &:hover {
            background-color: $dashboard-nav__link-bg-hover;
            color: $dashboard-nav__link-color-hover;
            font-weight: $dashboard-nav__link-font-weight-hover;
            text-decoration: $dashboard-nav__link-text-decoration-hover;
        }
    }

    &__actions {
        display: flex;
        justify-content: center;
        margin: $dashboard-nav__actions-margin;

        @include mq($screen-l) {
            margin: $dashboard-nav__actions-margin\@large;
        }
    }

    &__button {
        width: 100%;

        @include mq($screen-m) {
            width: auto;
            min-width: $dashboard-nav__button-min-width\@medium;
        }

        @include mq($screen-l) {
            width: 100%;
            min-width: auto;
        }
    }

    &__section {
        display: none;

        @include mq($screen-l) {
            display: flex;
            flex-direction: column;
        }
    }

    &__section-title {<commit_msg>#62141 - Update dashboard styles<commit_after>@import 'nav-variables';

.dashboard-nav {
    &__mobile {
        @extend %arrow;

        display: block;
        position: relative;
        border: $dashboard-nav__mobile-border;
        border-width: $dashboard-nav__mobile-border-width;
        padding: $dashboard-nav__mobile-padding;
        font-weight: $dashboard-nav__mobile-font-weight;
        cursor: pointer;

        @include mq($screen-l) {
            display: none;
        }

        &--active {
            @extend %arrow-active;
        }
    }

    &__content {
        display: none;

        &--visible {
            display: block;
        }

        @include mq($screen-l) {
            display: block;
        }
    }

    &__item {
        position: relative;
        padding: $dashboard-nav__item-padding;
        transition: $dashboard-nav__item-transition;
    }

    &__item > a,
    &__link {
        @extend %arrow;
        display: block;
        padding: $dashboard-nav__link-padding;
        text-decoration: $dashboard-nav__link-text-decoration;
        &:after {
            transform: rotate(-45deg);
            @include mq($max-screen: $screen-l - 1px) {
                display: none;
            }
        }

        &:hover {
            background-color: $dashboard-nav__link-bg-hover;
            color: $dashboard-nav__link-color-hover;
            font-weight: $dashboard-nav__link-font-weight-hover;
            text-decoration: $dashboard-nav__link-text-decoration-hover;
        }
    }

    &__actions {
        display: flex;
        justify-content: center;
        margin: $dashboard-nav__actions-margin;

        @include mq($screen-l) {
            margin: $dashboard-nav__actions-margin\@large;
        }
    }

    &__button {
        width: 100%;

        @include mq($screen-m) {
            width: auto;
            min-width: $dashboard-nav__button-min-width\@medium;
        }

        @include mq($screen-l) {
            width: 100%;
            min-width: auto;
        }
    }

    &__logout-button {
        display: none;

        @include mq($screen-l) {
            display: flex;
        }

        &--mobile {
            display: flex;

            @include mq($screen-l) {
                display: none;
            }
        }
    }

    &__section {
        display: none;

        @include mq($screen-l) {
            display: flex;
            flex-direction: column;
        }
    }

    &__section-title {
{'fraction_non_alphanumeric': 0.11934244235695986, 'fraction_numerical': 0.004910333048676345, 'mean_word_length': 1.504008551576697, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2368846', 'n_tokens_mistral': 1425, 'n_tokens_neox': 1385, 'n_words': 235}