.sl-shr,
.sl-shr * { box-sizing: border-box; line-height: normal; }

.sl-shr__container { font-family: 'YS Text', Arial, sans-serif; font-size: 13px; }
.sl-shr__list { display: flex; gap: 4px; margin: 0; padding: 0; list-style: none; }
.sl-shr__list_direction_vertical { flex-direction: column; }
.sl-shr__item { position: relative; margin: 0; }

.sl-shr__link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--black);
    font: inherit;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.sl-shr__link:hover { opacity: .85; }
.sl-shr__link:active { opacity: .7; }

.sl-shr__badge,
.sl-shr__icon { display: block; width: 24px; height: 24px; }
.sl-shr__badge { overflow: hidden; border-radius: 4px; }
.sl-shr__icon { background: center / contain no-repeat; }
.sl-shr__container_shape_round .sl-shr__badge { border-radius: 50%; }
.sl-shr__title { line-height: 24px; }

.sl-shr__container_size_s { font-size: 12px; }
.sl-shr__container_size_s .sl-shr__badge,
.sl-shr__container_size_s .sl-shr__icon { width: 18px; height: 18px; }
.sl-shr__container_size_s .sl-shr__title { line-height: 18px; }

.sl-shr__container_size_l { font-size: 20px; }
.sl-shr__container_size_l .sl-shr__badge,
.sl-shr__container_size_l .sl-shr__icon { width: 48px; height: 48px; }
.sl-shr__container_size_l .sl-shr__title { line-height: 48px; }

.sl-shr__list_direction_horizontal > .sl-shr__item > .sl-shr__link > .sl-shr__title { display: none; }

.sl-shr__popup {
    display: none;
    position: absolute;
    z-index: 9999;
    top: calc(100% + 6px);
    right: 0;
    min-width: 190px;
    padding: 6px;
    border: 1px solid var(--gray, #ddd);
    border-radius: var(--border-radius, 8px);
    background: var(--white);
}
.sl-shr__item_more_open > .sl-shr__popup { display: block; }
.sl-shr__popup .sl-shr__link { width: 100%; padding: 5px 8px; border-radius: 5px; }
.sl-shr__popup .sl-shr__link:hover { background: rgba(0,0,0,.04); opacity: 1; }

.sl-shr__item_more .sl-shr__badge,
.sl-shr__item_copy .sl-shr__badge {/* background: rgba(0,0,0,.04); */}
.sl-shr__item_more .sl-shr__icon { background-image: url('../img/icons/share/more.svg'); }
.sl-shr__item_copy .sl-shr__icon { background-image: url('../img/icons/share/copy.svg'); }

.sl-shr__item_service_vkontakte .sl-shr__badge { background: #07f; }
.sl-shr__item_service_vkontakte .sl-shr__icon { background-image: url('../img/icons/share/vkontakte.svg'); }

.sl-shr__item_service_telegram .sl-shr__badge { background: #64a9dc; }
.sl-shr__item_service_telegram .sl-shr__icon { background-image: url('../img/icons/share/telegram.svg'); }

.sl-shr__item_service_whatsapp .sl-shr__badge { background: #65bc54; }
.sl-shr__item_service_whatsapp .sl-shr__icon { background-image: url('../img/icons/share/whatsapp.svg'); }

.sl-shr__item_service_max .sl-shr__badge { background: #8539ff; }
.sl-shr__item_service_max .sl-shr__icon { background-image: url('../img/icons/share/max.svg'); }

.sl-shr__item_service_twitter .sl-shr__badge { background: #0f1419; }
.sl-shr__item_service_twitter .sl-shr__icon { background-image: url('../img/icons/share/twitter.svg'); }


.sl-shr__item_service_viber .sl-shr__badge { background: #7b519d; }
.sl-shr__item_service_viber .sl-shr__icon { background-image: url('../img/icons/share/viber.svg'); }

.sl-shr__item_service_linkedin .sl-shr__badge { background: #0083be; }
.sl-shr__item_service_linkedin .sl-shr__icon { background-image: url('../img/icons/share/linkedin.svg'); }

.sl-shr__item_service_odnoklassniki .sl-shr__badge { background: #f70; }
.sl-shr__item_service_odnoklassniki .sl-shr__icon { background-image: url('../img/icons/share/odnoklassniki.svg'); }