.header__logo-menu {
    position: relative;

    display: block;

    padding-top: 19px;

    cursor: default;
}

.header__logo-menu-button {
    display: inline-block;

    width: 16px;
    height: 16px;
    margin: 0 18px 0 0;

    cursor: pointer;
    user-select: none;
    vertical-align: middle;

    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzIuMDAwMDAwLCAtMTM3NC4wMDAwMDApIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTM1Mi4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTM2NiIgaGVpZ2h0PSI2MSI+PC9yZWN0PjwvZz48cGF0aCBkPSJNMzIsMTM3NCBMNDgsMTM3NCBMNDgsMTM3NiBMMzIsMTM3NiBMMzIsMTM3NCBaIE0zMiwxMzgxIEw0OCwxMzgxIEw0OCwxMzgzIEwzMiwxMzgzIEwzMiwxMzgxIFogTTMyLDEzODggTDQ4LDEzODggTDQ4LDEzOTAgTDMyLDEzOTAgTDMyLDEzODggWiIgZmlsbD0iIzAwMDAwMCI+PC9wYXRoPjwvZz48L2c+PC9zdmc+') center/100% no-repeat; /* stylelint-disable-line */
}

.header__logo-menu_active .header__logo-menu-button {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzIuMDAwMDAwLCAtNTA3LjAwMDAwMCkiPjxyZWN0IGZpbGw9IiNGRkZGRkYiIHg9IjAiIHk9IjQ4NSIgd2lkdGg9IjEzNjYiIGhlaWdodD0iNjEiPjwvcmVjdD48cGF0aCBkPSJNMzIsNTA3IEw0OCw1MDcgTDQ4LDUwOSBMMzIsNTA5IEwzMiw1MDcgWiBNMzIsNTE0IEw0OCw1MTQgTDQ4LDUxNiBMMzIsNTE2IEwzMiw1MTQgWiBNMzIsNTIxIEw0OCw1MjEgTDQ4LDUyMyBMMzIsNTIzIEwzMiw1MjEgWiIgZmlsbD0iI0ZGQ0MwMSI+PC9wYXRoPjwvZz48L2c+PC9zdmc+'); /* stylelint-disable-line */
}

.header__logo-menu_empty .header__logo-menu-button {
    width: 22px;
    height: 22px;

    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0MDAgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDAgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGQ0MwMDt9IC5zdDF7ZmlsbDojREJCMTAwO30gLnN0MntmaWxsOiNGRjAwMDA7fSAuc3Qze2ZpbGw6I0Q5MDAwMDt9PC9zdHlsZT48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Ni4wMDAwMDAsIDEwNC4wMDAwMDApIj48cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9Ii0xLjMsOTcuNyAyOTAuOSw5Ny43IDI5MC45LC0xMDQgLTEuMywtMTA0Ii8+PHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSItMS4zLDkxLjUgLTU2LDE0Ni4yIDI5MC45LDE0Ni4yIDI5MC45LDkxLjUiLz48cG9seWdvbiBjbGFzcz0ic3QyIiBwb2ludHM9IjYxLjIsMTUyLjUgMjkwLjksMTUyLjUgMjkwLjksLTcgNjEuMiwtNyIvPjxwb2x5Z29uIGNsYXNzPSJzdDMiIHBvaW50cz0iNjEuMiwxNDYuMiA2MS4yLDIwMSAzNDQsMjAxIDI5MC45LDE0Ni4yIi8+PC9nPjwvc3ZnPg=='); /* stylelint-disable-line */
}

.header__logo-menu-popup {
    position: absolute;
    z-index: 9000;

    display: none;

    margin: 21px 0 0 -32px;

    border: 1px solid rgba(0, 0, 0, .06);
    background: #fff;
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .4);

    animation: logo_menu_animation .1s ease-out;
    animation-fill-mode: forwards;
}

.header__logo-menu_active .header__logo-menu-popup {
    display: block;
}

.header__logo-menu_empty .header__logo-menu-popup {
    display: none;
}

.header__logo-menu-popup::before {
    position: absolute;
    top: -4px;
    left: 32px;

    display: block;

    width: 10px;
    height: 10px;

    content: '';

    border: 1px solid rgba(0, 0, 0, .06);
    background: #fff;
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .4);

    transform: rotate(45deg);
}

.header__logo-menu-scrollpane {
    overflow: auto;

    max-height: calc(100vh - 70px);
}

.header__logo-menu-content {
    position: relative;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    box-sizing: border-box;
    width: 336px;
    padding: 24px 15px 20px;

    background: #fff;
}

.header__logo-menu-item {
    display: flex;
    overflow: hidden;
    flex: 1 1 33.3%;
    flex-direction: column;
    align-items: center;

    box-sizing: border-box;
    max-width: 33.3%;
    padding: 11px 3px;

    font-size: 14px;
    line-height: 1.3;
    text-decoration: none;
}

.header__logo-menu-item,
.header__logo-menu-item:visited,
.header__logo-menu-item:active {
    color: #000;
}

.header__logo-menu-item:hover {
    color: #f00;
}

.header__logo-menu-item-caption {
    display: block;
    overflow: hidden;

    margin: 10px 4px 1px;

    text-align: center;
    text-overflow: ellipsis;
}

.header__logo-menu-item-image {
    display: block;

    width: 60px;
    height: 32px;

    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}

.header__logo-menu-item_beta .header__logo-menu-item-caption::after {
    display: inline-block;

    width: 1.5em;
    height: 1.5em;
    margin: 0 .25em;

    font-size: .55em;
    line-height: 1.578;
    content: '\3b2';
    text-align: center;

    color: #fff;
    border-radius: 50%;
    background: #f00;

    transform: translate(0, -.6em);
}

@-moz-keyframes logo_menu_animation {
    from {
        opacity: 0;

        transform: translateY(10px);
    }

    to {
        opacity: 1;

        transform: translateY(0);
    }
}

@-webkit-keyframes logo_menu_animation {
    from {
        opacity: 0;

        transform: translateY(10px);
    }

    to {
        opacity: 1;

        transform: translateY(0);
    }
}

@-o-keyframes logo_menu_animation {
    from {
        opacity: 0;

        transform: translateY(10px);
    }

    to {
        opacity: 1;

        transform: translateY(0);
    }
}

@keyframes logo_menu_animation {
    from {
        opacity: 0;

        transform: translateY(10px);
    }

    to {
        opacity: 1;

        transform: translateY(0);
    }
}
