.post-side-banners {
    display: none;
}

@media (min-width: 1360px) {
    .post-side-banners {
        display: block;
    }

    .post-side-banner {
        --post-side-banner-width: clamp(64px, calc((100vw - 1072px) / 2 - 16px), 200px);
        position: fixed;
        top: 50%;
        z-index: 10;
        width: var(--post-side-banner-width);
        max-height: calc(100vh - 10px);
        object-fit: contain;
        transform: translateY(-50%);
    }

    .post-side-banner--left {
        left: calc((100vw - 1072px) / 4 - var(--post-side-banner-width) / 2);
    }

    .post-side-banner--right {
        right: calc((100vw - 1072px) / 4 - var(--post-side-banner-width) / 2);
    }

    .post-side-banner {
        visibility: hidden;
    }

    body.post-side-banners-scrolled:not(.post-side-banners-footer-visible) .post-side-banner {
        visibility: visible;
    }
}