.social-custom {
    position: fixed;
    top: 40%;
    z-index: 3000;
    margin-left: 4px;
    transform: translateY(-50%);
}

html.social-custom--prehidden .social-custom {
    display: none !important;
}

.social-custom .social__items .social-custom__close-item {
    display: none;
}

.social-custom ul {
    flex-direction: column;
}

.social-custom .social__item {
    width: 39px;
    height: 39px;
    margin: 3px 0 0;
    padding: 0;
    border-radius: 4px;
    align-self: flex-start;
}

.social__items--size-large .social__item.social__item--image.ya a,
.social__items .social__item.social__item--image.ya a {
    background: url(/images/yandex-icon-1.svg) no-repeat;
    background-size: cover;
}

.social__items .social__item.social__item--image.ya {
    background: #ed1f24;
}

.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.ya a:not(:hover) {
    background-position-y: 0;
}

.social.social--picture-image li {
    border-radius: 4px;
}

.social__item--image {
    margin: 3px;
    padding: 0;
}

@media (max-width: 767px) {
    .social-custom .social__items .social-custom__close-item {
        display: block;
        margin: 3px 0 0;
        padding: 0;
    }

    .social-custom__close {
        display: flex;
        position: relative;
        align-items: center;
        justify-content: center;
        width: 39px;
        height: 39px;
        padding: 0;
        border: 0;
        border-radius: 4px;
        background: #4f5a6b;
        cursor: pointer;
        transition: opacity 0.3s ease-in-out;
        -webkit-tap-highlight-color: transparent;
    }

    .social-custom__close::before,
    .social-custom__close::after {
        content: '';
        position: absolute;
        width: 19px;
        height: 2px;
        border-radius: 2px;
        background: #fff;
    }

    .social-custom__close::before {
        transform: rotate(45deg);
    }

    .social-custom__close::after {
        transform: rotate(-45deg);
    }

    .social-custom__close:hover {
        opacity: 0.8;
    }

    .social-custom__close:focus-visible {
        outline: 2px solid #4f5a6b;
        outline-offset: 2px;
    }

    .social-custom--hidden {
        display: none !important;
    }
}