.top_bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 32px;
    box-sizing: border-box;
}

.blur_background, .blur_background_overlay {
    display: none;
}

.top_bar_content {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    width: 100%;
    align-items: center;
}

.menu_top_bar {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.top_bar .logo {
    justify-self: start;
    margin-left: 14px;
}

.navigation {
    justify-self: center;
}

.controls {
    justify-self: end;
    display: flex;
    gap: 8px;
}

a.nav_item {
    text-decoration: none;
    padding: 10px 20px;
    display: inline-block;
    opacity: 0.4;
    font-weight: 500;
    color: inherit;
}

a.nav_item.active {
    opacity: 1;
}

.theme_switcher {
    display: flex;
    flex-flow: row nowrap;
    border-radius: 23px;
    padding: 2px;
}

.light .theme_switcher, .light .language_selector, .light .menu_close, .light .collapsed_menu {
    background-color: #070C161A;
}

.dark .theme_switcher, .dark .language_selector, .dark .menu_close, .dark .collapsed_menu {
    background-color: #FFFFFF1A;
}

.theme_button, .collapsed_menu, .menu_close {
    width: 42px;
    height: 42px;
    border-radius: 24px;
    display: inline-flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
}

.dark .theme_button.active {
    background-color: #FFFFFF4D;
}

.light .theme_button.active {
    background-color: #FFFFFF4D;
}

.theme_icon, .menu_icon {
    width: 20px;
    height: 20px;
    opacity: 0.4;
}

.active .theme_icon, .menu_icon {
    opacity: 1;
}

.language_selector {
    position: relative;
    border-radius: 80px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 0 20px;
    align-items: center;
    cursor: pointer;
    min-width: 129px;
}

.dropdown {
    position: absolute;
    display: none;
    flex-direction: column;
    gap: 4px;
    z-index: 100;
}

.language_dropdown {
    top: 50px;
    right: 0;
    min-width: 169px;
}

.language_selector.open .language_dropdown {
    display: flex;
}

.open .dropdown_arrow {
    transform: rotate(180deg);
}

.dropdown_option {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    padding: 13px 14px 13px 24px;
    border-radius: 23px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
}

.dark .dropdown_option {
    background: #FFFFFF14;
}

.light .dropdown_option {
    background: #070C1614;
}

.dark .dropdown_option.active {
    background: #FFFFFF;
    color: #070C16;
}

.light .dropdown_option.active {
    background: #070C16;
    color: #FFFFFF;
}

.dropdown_option span::after {
    content: "";
    position: absolute;
    right: 14px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-sizing: border-box;
}

.dark .dropdown_option span::after {
    border: 2px solid #FFFFFF66;
}

.light .dropdown_option span::after {
    border: 2px solid #070C1666;
}

.dark .dropdown_option.active span::after {
    border: 6px solid #070C16;
}

.light .dropdown_option.active span::after {
    border: 6px solid #FFFFFF;
}

.language_selector p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    display: inline;
    letter-spacing: -0.64px;
}

.collapsed_menu {
    display: none;
}

@media (max-width: 1439px) {
    .top_bar_content {
        grid-template-columns: 1fr auto;
    }

    .top_bar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        padding: 16px;
        box-sizing: border-box;
    }

    .navigation {
        display: none;
    }

    .controls {
        display: none;
    }

    .collapsed_menu {
        display: flex;
    }
}