.mobile-header {
    position: relative;
    z-index: 100;
    display: grid;
    grid-template-rows: var(--mobile-header-size) auto;
    grid-template-columns: 100%;

    &__content {
        min-height: calc(100vh - var(--mobile-header-size));
        overflow-x: auto;
        height: 0;
    }

    &__logo {
        flex: 1;
    }

    &__link {
        text-decoration: none;
        outline: none;
        color: inherit;
        display: block;
        height: 100%;
        flex: 1 1 auto;
    }

    &__logo-icon {
        height: auto;
        width: auto;
        padding-left: var(--g-spacing-2);
        color: var(--g-color-base-brand);
    }

    &__user-avatar {
        cursor: pointer;
    }

    // TODO: Support css api in gravity-ui/navigation and use it
    .gn-burger-composite-bar .gn-burger-composite-bar__item-icon,
    .gn-mobile-header-footer-item .gn-mobile-header-footer-item__icon {
        color: var(--gn-aside-header-item-icon-color);
    }
}
