Linux SRV-16 6.18.44-paas #1 SMP PREEMPT_DYNAMIC Thu Aug 13 10:08:12 UTC 2026 x86_64
/proc/212/root/proc/212/root/proc/self/root/proc/70528/cwd/assets/css/front/elements/
//proc/212/root/proc/212/root/proc/self/root/proc/70528/cwd/assets/css/front/elements/navbar.scss
 #navbar {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 9999999;
    #navbar-top {
        background: $black;
        padding: 15px;
        #navbar-top-inner {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            @media (max-width: $mobile-breakpoint) {
                flex-wrap: wrap;
            }
            #navbar-logo {
                max-height: 100px;
                @media (max-width: $mobile-breakpoint) {
                    max-height: 50px;
                }
            }
            #navbar-actions {
                display: flex;
                flex-direction: row;
                align-items: center;
                .action-link {
                    text-decoration: none;
                    margin: 0px 30px 0px 0px;
                    color: white;
                    @media (max-width: $mobile-breakpoint) {
                        margin-right: 20px;
                    }
                    img {
                        @media (max-width: $mobile-breakpoint) {
                            width: 40px;
                        }
                    }
                    &:last-child {
                        margin-right: 0px;
                        img {
                            @media (max-width: $mobile-breakpoint) {
                                width: 30px;
                            }
                        }
                    }
                }
                .navbar-vertical-divider {
                    height: calc(100% - 30px);
                    margin: 15px 15px 15px 30px;
                    background: white;
                    width: 2px;
                    @media (max-width: $mobile-breakpoint) {
                        display: none;
                    }
                }
                #navbar-search {
                    padding: 15px 0px;
                    position: relative;
                    height: 100%;
                    > form {
                        height: 100%;
                        > div {
                            height: 100%;
                            margin-bottom: 0px !important;
                            input {
                                border: 2px solid white;
                                padding: 15px;
                                border-radius: 0px;
                                outline: none;
                                height: 100%;
                                background: transparent;
                                padding-right: 60px;
                                color: white;
                                min-width: 20vw;
                                ::placeholder,
                                ::-moz-placeholder {
                                    color: rgba(255, 255, 255, 0.7);
                                }
                                &:active,
                                &:focus {
                                    box-shadow: none !important;
                                    background: rgba(255, 255, 255, 0.1);
                                }
                                @media (max-width: $mobile-breakpoint) {
                                    width: 100%;
                                    /*                                    &:not(:focus) {
                                        padding: 15px 0px;
                                        width: 45px;
                                        min-width: 30px;
                                        ::placeholder,
                                        ::-moz-placeholder {
                                            color: rgba(255, 255, 255, 0);
                                        }
                                    } */
                                }
                            }
                        }
                    }
                    #navbar-search-submit {
                        position: absolute;
                        right: 15px;
                        top: 0px;
                        height: 100%;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        background: transparent;
                        border: none;
                        padding: 0px;
                        img {
                            width: 30px;
                        }
                        @media (max-width: $mobile-breakpoint) {
                            right: 7px;
                        }
                    }
                    @media (max-width: $mobile-breakpoint) {
                        position: fixed;
                        left: 10px;
                        top: 90px;
                        height: 46px;
                        padding: 0px;
                        width: calc(100vw - 75px);
                        > form {
                            > div {
                                input {
                                    border-color: $black;
                                    color: $black;
                                }
                            }
                        }
                        #navbar-search-submit {
                            img {
                                filter: invert(1);
                            }
                        }
                    }
                }
            }
        }
        @media (max-width: $mobile-breakpoint) {
            padding: 15px 5px;
        }
    }
    #navbar-nav {
        box-shadow: 0px -6px 31px rgba(0, 0, 0, 0.25);
        background: white;
        padding: 15px 0px;
        #navbar-nav-menu {
            display: flex;
            flex-direction: row;
            justify-content: center;
            .navbar-link {
                position: relative;
                padding: 0px 15px;
                margin: 0px 15px;
                color: $black;
                text-transform: uppercase;
                text-decoration: none;
                font-weight: 500;
                &::after {
                    position: absolute;
                    content: "";
                    left: 50%;
                    bottom: 5px;
                    width: 0px;
                    height: 2px;
                    background: $black;
                    transition: $transition;
                    transform: translateX(-50%);
                    opacity: 0;
                }
                &:hover {
                    &::after {
                        opacity: 1;
                        width: calc(100% - 30px);
                        bottom: 0px;
                    }
                }
            }
        }
        @media (max-width: $mobile-breakpoint) {
            height: 66px;
            overflow: hidden;
            transition: height, $transition;
            &.open {
                height: calc(100vh - 80px);
            }
            #navbar-nav-menu {
                flex-direction: column;
                text-align: center;
                .navbar-link {
                    padding: 5px;
                    margin: 5px;
                    display: block;
                }
            }
            #navbar-nav-toggle {
                display: flex;
                flex-direction: column;
                align-items: flex-end;
                padding: 0px 15px;
                margin-bottom: 15px;
                div {
                    width: 30px;
                    height: 2px;
                    background: $black;
                    margin: 5px;
                }
            }
        }
    }
}