/* StickyStackSidebar-DO_y43d2.css — копия CSS-чанка vc.ru */
/* Оригинал: primer/css-beauty-dlya-analiza/StickyStackSidebar-DO_y43d2-beautyful.css */
/* Вынесен из main.css для точного соответствия структуре vc.ru (2 файла) */

@keyframes modal-enter-slide {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.sticky-stack-sidebar {
    --sidebar-section-height: var(--v78f89a64);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.sticky-stack-sidebar__section:not(:only-child) {
    min-height: var(--sidebar-section-height)
}

.sticky-stack-sidebar__section:last-child {
    flex: 1 1 auto
}

.sticky-stack-sidebar-section {
    position: sticky;
    top: var(--layout-header-height);
    display: grid;
    justify-items: center;
    grid-gap: 16px;
    gap: 16px;
    padding-top: var(--layout-view-offset-y)
}

/* Виджеты правого асида (из StickyStackSidebar-чанка vc.ru) */
.widget-item-skeleton {
    border-radius: var(--layout-island-border-radius);
    background-color: var(--theme-color-background-content);
    display: flex;
    align-items: center;
    justify-content: center
}

.widget-item {
    border-radius: var(--layout-island-border-radius);
    background-color: var(--theme-color-background-content);
    padding: 16px
}

.widget-item__title {
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 500
}

.widget-item__close {
    margin-left: auto
}

.widget-popular-comments {
    width: 300px
}

.widget-popular-comments .comment-item {
    padding: 14px 0 0
}

.widget-popular-comments .comment-item:last-child .comment-reactions-preview {
    margin-bottom: 0
}

.widget-popular-comments .comment-item--enter-active {
    transition: opacity .5s ease
}

.widget-popular-comments .comment-item--enter-from {
    opacity: 0
}

.widget-popular-comments .comment-item--leave-active {
    display: none
}

.widget-popular-comments .comment-item .author__avatar--online {
    position: relative
}

.widget-popular-comments .comment-text {
    --line-count: 3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-line-clamp: var(--line-count, 2);
    -webkit-box-orient: vertical;
    overflow: hidden
}

.widget-top-subsites {
    width: 300px
}

.widget-top-subsites__list {
    padding: 12px 0
}

.widget-top-subsites__item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 6px 0;
    margin-bottom: 4px
}

.widget-top-subsites__item:last-of-type {
    margin-bottom: 0
}

@media(hover: hover) {
    .widget-top-subsites__item:hover {
        opacity: .72
    }
}

.widget-top-subsites__link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: calc(var(--layout-z-index-header) + 1)
}

.widget-top-subsites__more {
    font-size: 15px;
    line-height: 22px;
    display: block;
    color: var(--theme-color-signal-active-default)
}

@media(hover: hover) {
    .widget-top-subsites__more:hover {
        opacity: .72
    }
}

/* Collapsible topics in left aside (Показать все / Скрыть) */
/* По умолчанию скрыты последние 4 темы: Крипто, Право, Карьера, Образование */
.sidebar__section:has(#sidebar-toggle-topics) .sidebar-item:nth-child(n+8):not(#sidebar-toggle-topics) {
    display: none;
}
.sidebar__section:has(#sidebar-toggle-topics).sidebar__section--expanded .sidebar-item:nth-child(n+8):not(#sidebar-toggle-topics) {
    display: flex;
}

/* Chrome GPU-compositing fix: шрифт не "жирнеет" при скролле */
.aside--left .sidebar-item {
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}