.sticky-sidebar-root {
    position: relative;
}

.sticky-sidebar-root__inner {
    width: 100%;
}

.sticky-sidebar-root.is-sticky-active {
    min-height: var(--sticky-sidebar-inner-height, auto);
}

.sticky-sidebar-root__inner.is-sticky-fixed-top {
    position: fixed;
    top: var(--sticky-sidebar-top, 20px);
    left: var(--sticky-sidebar-left, auto);
    width: var(--sticky-sidebar-width, auto);
    z-index: 5;
}

.sticky-sidebar-root__inner.is-sticky-fixed-bottom {
    position: fixed;
    top: auto;
    bottom: var(--sticky-sidebar-bottom, 40px);
    left: var(--sticky-sidebar-left, auto);
    width: var(--sticky-sidebar-width, auto);
    z-index: 5;
}

.sticky-sidebar-root__inner.is-sticky-stopped {
    position: absolute;
    top: var(--sticky-sidebar-stop-top, 0px);
    left: 0;
    width: 100%;
}

@media (max-width: 767px) {
    .sticky-sidebar-root.is-sticky-active {
        min-height: 0;
    }

    .sticky-sidebar-root .sticky-sidebar-root__inner {
        display: block;
    }

    .sticky-sidebar-root .sticky-sidebar-root__inner.is-sticky-fixed-top,
    .sticky-sidebar-root .sticky-sidebar-root__inner.is-sticky-fixed-bottom,
    .sticky-sidebar-root .sticky-sidebar-root__inner.is-sticky-stopped {
        position: static;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: auto;
    }
}