/* Community timeline: clear the floating dock while the reader scrolls down. */
html body.community-active {
    overscroll-behavior-y: contain;
}

html body.community-active #bottom-nav {
    transition:
        opacity 0.18s ease-out,
        transform 0.18s ease-out !important;
}

html body.community-active.community-timeline-nav-hidden #bottom-nav {
    opacity: 0 !important;
    transform: translateY(calc(115% + env(safe-area-inset-bottom, 0px))) !important;
    pointer-events: none !important;
}

@media (prefers-reduced-motion: reduce) {
    html body.community-active #bottom-nav {
        transition-duration: 0.01ms !important;
    }
}