/* Public-page interaction baseline. Keep the browser in charge of vertical touch scrolling. */
.lp-root,
.pr-root,
.trial-root,
.st-root,
.seo-root,
.affiliate-root,
.tutorial-root,
.tutorial-detail-root,
.legal-page {
    touch-action: pan-y;
    overscroll-behavior-x: none;
}

.lp-root [data-gamhr-public-nav],
.pr-root [data-gamhr-public-nav],
.trial-root [data-gamhr-public-nav],
.st-root [data-gamhr-public-nav],
.seo-root [data-gamhr-public-nav],
.affiliate-root [data-gamhr-public-nav],
.tutorial-root [data-gamhr-public-nav],
.tutorial-detail-root [data-gamhr-public-nav],
.legal-page [data-gamhr-public-nav] {
    touch-action: pan-y;
}

.gamhr-bottom-sheet-nav {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-y;
}

.gamhr-bottom-sheet-nav a,
[data-gamhr-public-nav] a,
[data-gamhr-public-nav] button,
.lp-root .lp-nav-links a,
.lp-root .lp-hamburger {
    touch-action: manipulation;
}

.lp-control-layer,
.lp-control-scroll-stage,
.lp-control-scroll-button {
    touch-action: pan-y;
}

.lp-control-layer,
.lp-control-scroll-stage {
    overscroll-behavior-x: none;
}

@media (max-width: 768px) {
    .gamhr-bottom-sheet-nav {
        scrollbar-width: thin;
        scrollbar-color: rgba(90, 58, 46, 0.36) transparent;
    }

    .gamhr-bottom-sheet-nav::-webkit-scrollbar {
        width: 4px;
    }

    .gamhr-bottom-sheet-nav::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: rgba(90, 58, 46, 0.36);
    }
}