/* ============================================================
   Официальная эмблема в шапке

   Исходник: static/icons/icon-128x128.png
   Прозрачная версия: static/icons/header-logo-128.png
   ============================================================ */

.app-brand-mark,
.app-mobile-brand-mark,
.app-mobile-menu-brand-mark {
    overflow: visible;

    padding: 0;

    background: transparent;
    border: 0;
    box-shadow: none;
}

.app-brand-mark {
    width: 44px;
    height: 44px;

    flex:
        0
        0
        44px;
}

.app-header-logo {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
    object-position: center;

    background: transparent;

    filter:
        drop-shadow(
            0
            7px
            12px
            rgba(0, 0, 0, 0.18)
        );
}

.app-brand:hover .app-header-logo,
.app-mobile-brand:hover .app-header-logo,
.app-mobile-menu-brand:hover .app-header-logo {
    filter:
        drop-shadow(
            0
            8px
            15px
            rgba(18, 159, 78, 0.26)
        );
}

@media (max-width: 700px) {
    .app-mobile-brand-mark {
        width: 44px;
        height: 44px;

        flex:
            0
            0
            44px;
    }

    .app-mobile-menu-brand-mark {
        width: 46px;
        height: 46px;

        flex:
            0
            0
            46px;
    }
}

@media (
    prefers-reduced-motion: reduce
) {
    .app-header-logo {
        transition: none;
    }
}