@media screen and (min-width: 851px) {
    body .site-desktop-menu {
        --site-menu-surface: #1c1d1d;
        --site-menu-text: #e8e8e8;
        --site-menu-line: #393c3d;
        --site-menu-hover: #303033;
        --site-menu-accent: #f272c4;
        position: relative !important;
        z-index: 900000009;
        display: block !important;
        flex: 0 0 64px;
        align-self: center;
        justify-self: end;
        box-sizing: border-box;
        width: 64px !important;
        min-width: 64px !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        text-align: left !important;
    }

    body.white .site-desktop-menu,
    body.russkost-page .site-desktop-menu {
        --site-menu-surface: #ffffff;
        --site-menu-text: #343a40;
        --site-menu-line: #d8dde0;
        --site-menu-hover: #f1f3f4;
        --site-menu-accent: #087ba3;
    }

    body .site-desktop-menu > summary {
        position: relative !important;
        display: block !important;
        box-sizing: border-box;
        width: 64px !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid var(--site-menu-line) !important;
        border-radius: 6px;
        background: var(--site-menu-surface) !important;
        color: var(--site-menu-text) !important;
        list-style: none;
        cursor: pointer;
        transition: border-color 150ms ease, background-color 150ms ease;
    }

    body .site-desktop-menu > summary::-webkit-details-marker {
        display: none;
    }

    body .site-desktop-menu > summary::marker {
        content: "";
    }

    body .site-desktop-menu > summary:hover,
    body .site-desktop-menu[open] > summary {
        border-color: var(--site-menu-accent) !important;
        background: var(--site-menu-hover) !important;
    }

    body .site-desktop-menu > summary:focus-visible {
        outline: 2px solid var(--site-menu-accent) !important;
        outline-offset: 3px;
    }

    body .site-desktop-menu .site-desktop-menu__icon,
    body .site-desktop-menu .site-desktop-menu__icon::before,
    body .site-desktop-menu .site-desktop-menu__icon::after {
        position: absolute !important;
        display: block !important;
        width: 32px !important;
        height: 3px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 1px;
        background: var(--site-menu-text) !important;
        transition: transform 150ms ease;
    }

    body .site-desktop-menu .site-desktop-menu__icon {
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
    }

    body .site-desktop-menu .site-desktop-menu__icon::before,
    body .site-desktop-menu .site-desktop-menu__icon::after {
        top: 0 !important;
        left: 0 !important;
        content: "";
    }

    body .site-desktop-menu .site-desktop-menu__icon::before {
        transform: translateY(-8px);
    }

    body .site-desktop-menu .site-desktop-menu__icon::after {
        transform: translateY(8px);
    }

    body .site-desktop-menu[open] .site-desktop-menu__icon {
        background: transparent !important;
    }

    body .site-desktop-menu[open] .site-desktop-menu__icon::before {
        transform: rotate(45deg);
    }

    body .site-desktop-menu[open] .site-desktop-menu__icon::after {
        transform: rotate(-45deg);
    }

    body .site-desktop-menu > nav {
        position: absolute !important;
        top: calc(100% + 8px) !important;
        right: 0 !important;
        bottom: auto !important;
        left: auto !important;
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        box-sizing: border-box;
        gap: 2px;
        width: 300px !important;
        min-width: 0 !important;
        max-width: calc(100vw - 24px);
        max-height: calc(100vh - 120px);
        margin: 0 !important;
        padding: 7px !important;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        border: 1px solid var(--site-menu-line) !important;
        border-radius: 6px !important;
        background: var(--site-menu-surface) !important;
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16) !important;
    }

    body .site-desktop-menu:not([open]) > nav {
        display: none !important;
    }

    body .site-desktop-menu > nav > a {
        position: relative !important;
        inset: auto !important;
        display: flex !important;
        flex: 0 0 52px;
        align-items: center;
        justify-content: flex-start;
        box-sizing: border-box;
        width: 100% !important;
        min-width: 0 !important;
        height: 52px !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 12px 16px !important;
        border: 0 !important;
        border-radius: 4px;
        background: transparent !important;
        color: var(--site-menu-text) !important;
        -webkit-text-fill-color: var(--site-menu-text) !important;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        font-style: normal !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
        text-align: left !important;
        text-decoration: none !important;
        text-transform: none !important;
        white-space: normal;
        opacity: 1 !important;
        transform: none !important;
        transition: background-color 150ms ease;
    }

    body .site-desktop-menu > nav > a::before,
    body .site-desktop-menu > nav > a::after {
        display: none !important;
        content: none !important;
    }

    body .site-desktop-menu > nav > a:hover,
    body .site-desktop-menu > nav > a:focus-visible {
        background: var(--site-menu-hover) !important;
        color: var(--site-menu-accent) !important;
        -webkit-text-fill-color: var(--site-menu-accent) !important;
    }

    body .site-desktop-menu > nav > a:focus-visible {
        outline: 2px solid var(--site-menu-accent) !important;
        outline-offset: -2px;
    }

    body .ideas_right.autor.mainTop > .top-nav,
    body .rk-header > .rk-menu-toggle,
    body .rk-header > .rk-nav,
    body .add-header > .add-nav,
    body .add-header > .add-menu {
        display: none !important;
    }

    body .ideas_right.autor.mainTop {
        position: relative !important;
    }

    body .ideas_right.autor.mainTop > .site-desktop-menu {
        position: absolute !important;
        top: 6px;
        right: 12px;
    }

    body .ideas_right.autor.mainTop > .rightInformation {
        right: 96px;
    }

    body > .site-desktop-menu {
        position: absolute !important;
        top: 31px;
        right: 12px;
    }

    body .add-header {
        grid-template-columns: 1fr 64px;
    }

    body .add-header::after {
        display: none;
    }
}

@media screen and (min-width: 900px) and (max-width: 999px) {
    body .ideas_right.autor.mainTop > .site-desktop-menu {
        right: calc(100% - 100vw + 12px);
    }
}

@media screen and (min-width: 851px) and (prefers-reduced-motion: reduce) {
    body .site-desktop-menu *,
    body .site-desktop-menu .site-desktop-menu__icon::before,
    body .site-desktop-menu .site-desktop-menu__icon::after {
        transition: none !important;
    }
}
