<commit_before>#nav {
    @extend .bg-light;
    -webkit-font-smoothing: antialiased;

    background-image: linear-gradient(to top left, $blue-2, $blue-1);
    box-shadow: inset 0 -8px 121px -50px $blue-1;
    padding-bottom: 2rem;

    nav {
        @extend .navbar, .navbar-expand-sm, .navbar-light, .full-width-row;
        padding: 0 10px;
        height: 65px;
    }

    &.compact {
        margin-bottom: 0;
        padding-bottom: 0;
        position: fixed; 
        z-index: 2;
        top: 0; 
        width: 100%; 
        opacity: 0.97;
        ~ div:first-of-type {
            margin-top: 65px;
        }
    }

    .navbar-collapse {
        overflow: hidden;
    }

    $logo-scale: 6;

    #logo {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;

        background-image: url("../svg/logo-white.svg");
        background-repeat: no-repeat;
        background-size: 100%;
        display: inline-block;
        height: 248px / $logo-scale;
        margin-top: 6px;
        min-width: 40px;
        width: 500px / $logo-scale;
    }

    #navbar-toggle {
        @extend .navbar-toggler;

        span {
            @extend .navbar-toggler-icon;
        }
    }

    #main-nav {
        height: 100%;
        ul {
            @extend .navbar-nav, .ml-md-auto;
            height: 100%;
            li {
                @extend .nav-item, .ml-3;
                height: calc(100% - 1px);
                line-height: 65px;
                a {
                    white-space: nowrap;
                    color: lighten($blue-3, 10);
                    padding: 0.5rem 1rem;
                }

                a:hover {
                    color: $white;
                    text-decoration: none;
                }

                &.active {
                    border-bottom: 3px solid white;
                    a {
                        color: $white;
                    }
                }
            }

            .get-started a {
                padding: 8px;
                border-radius: 6px;
                border: 1px solid currentColor;
            }

            .medium {
                background-image: url("../svg/medium.svg");
                background-position-x: right;
                background-position-y: 8px;
                background-repeat: no-repeat;

                padding-right: 20px;
            }

            #trial a {
                @extend .rounded;

                background-color: $offwhite;
                color: $blue-2 !important;
            }
        }
    }
}

@media (min-width: 576px) and (max-width: 1024px) {
    #nav {
        nav {
            #navbar-toggle {
                display: block;
                margin-left: 10px;
            }
            #main-nav {
                flex-grow: 0;
                ul {
                    margin-left: 0 !important;
                }
            }
            &:not(.home) #main-nav ul li:nth-last-child(-n+6):not(:last-child) {
                display: none;
            }
            &.home #main-nav ul li:nth-last-child(-n+4) {
                display: none;
            }
        }
    }
}

.ag-main-floatingMenu {
    position: absolute;
    top: 60px;
    right: 10px;
    position: absolute;
    top: 60px;
    right: 10px;<commit_msg>AG-3268 - docs improvements<commit_after>#nav {
    @extend .bg-light;
    -webkit-font-smoothing: antialiased;

    background-image: linear-gradient(to top left, $blue-2, $blue-1);
    box-shadow: inset 0 -8px 121px -50px $blue-1;
    padding-bottom: 2rem;

    nav {
        @extend .navbar, .navbar-expand-sm, .navbar-light, .full-width-row;
        padding: 0 10px;
        height: 65px;
    }

    &.compact {
        margin-bottom: 0;
        padding-bottom: 0;
        position: fixed; 
        z-index: 2;
        top: 0; 
        width: 100%; 
        opacity: 0.97;
        ~ div:first-of-type {
            margin-top: 65px;
        }
    }

    .navbar-collapse {
        overflow: hidden;
    }

    $logo-scale: 6;

    #logo {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;

        background-image: url("../svg/logo-white.svg");
        background-repeat: no-repeat;
        background-size: 100%;
        display: inline-block;
        height: 248px / $logo-scale;
        margin-top: 6px;
        min-width: 40px;
        width: 500px / $logo-scale;
    }

    #navbar-toggle {
        @extend .navbar-toggler;

        span {
            @extend .navbar-toggler-icon;
        }
    }

    #main-nav {
        height: 100%;
        ul {
            @extend .navbar-nav;
            height: 100%;
            margin-left: auto;
            li {
                @extend .nav-item, .ml-3;
                height: calc(100% - 1px);
                line-height: 65px;
                a {
                    white-space: nowrap;
                    color: lighten($blue-3, 10);
                    padding: 0.5rem 1rem;
                }

                a:hover {
                    color: $white;
                    text-decoration: none;
                }

                &.active {
                    border-bottom: 3px solid white;
                    a {
                        color: $white;
                    }
                }
            }

            .get-started a {
                padding: 8px;
                border-radius: 6px;
                border: 1px solid currentColor;
            }

            .medium {
                background-image: url("../svg/medium.svg");
                background-position-x: right;
                background-position-y: 8px;
                background-repeat: no-repeat;

                padding-right: 20px;
            }

            #trial a {
                @extend .rounded;

                background-color: $offwhite;
                color: $blue-2 !important;
            }
        }
    }
}

.ag-main-floatingMenu {
    position: absolute;
    top: 60px;
    right: 10px;
    position: absolute;
    top: 60px;
    right: 10px;
{'fraction_non_alphanumeric': 0.11500405515004056, 'fraction_numerical': 0.028386050283860504, 'mean_word_length': 1.051230871590153, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '6534788', 'n_tokens_mistral': 2054, 'n_tokens_neox': 1760, 'n_words': 380}