.admin-workspace > .admin-preview-panel[preview-follow-scroll] {
    display: flex !important;
    flex-direction: column !important;
    position: fixed !important;
    top: var(--admin-preview-top, 0px) !important;
    right: var(--admin-preview-right, 2rem) !important;
    width: var(--admin-preview-width, min(40vw, 560px)) !important;
    max-width: 560px !important;
    z-index: 150 !important;
}

.admin-workspace > .admin-preview-panel[preview-follow-scroll] .admin-preview-frame {
    max-height: calc(100vh - var(--admin-preview-top, 0px) - 1rem) !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    scrollbar-color: rgba(43, 139, 66, 0.55) transparent;
    scrollbar-width: thin;
}

.admin-workspace > .admin-preview-panel[preview-follow-scroll] .admin-preview-frame:hover,
.admin-workspace > .admin-preview-panel[preview-follow-scroll] .admin-preview-frame:focus-within {
    overflow-y: auto !important;
}

.admin-workspace > .admin-preview-panel[preview-follow-scroll] .admin-preview-frame::-webkit-scrollbar {
    width: 0;
}

.admin-workspace > .admin-preview-panel[preview-follow-scroll] .admin-preview-frame:hover::-webkit-scrollbar,
.admin-workspace > .admin-preview-panel[preview-follow-scroll] .admin-preview-frame:focus-within::-webkit-scrollbar {
    width: 8px;
}

.admin-workspace > .admin-preview-panel[preview-follow-scroll] .admin-preview-frame::-webkit-scrollbar-track {
    background: transparent;
}

.admin-workspace > .admin-preview-panel[preview-follow-scroll] .admin-preview-frame::-webkit-scrollbar-thumb {
    background: rgba(43, 139, 66, 0.45);
    border-radius: 999px;
}

.admin-workspace > .admin-preview-panel[preview-follow-scroll] .admin-preview-frame::-webkit-scrollbar-thumb:hover {
    background: rgba(43, 139, 66, 0.7);
}

@media (max-width: 991px) {
    .admin-workspace > .admin-preview-panel[preview-follow-scroll] {
        position: static !important;
        top: auto !important;
        right: auto !important;
        width: auto !important;
        max-width: none !important;
        z-index: auto !important;
    }

    .admin-workspace > .admin-preview-panel[preview-follow-scroll] .admin-preview-frame {
        max-height: 70vh !important;
    }
}