@media (max-width: 820px), (hover: none) and (pointer: coarse) {
  html,
  body {
    scroll-behavior: auto !important;
    overscroll-behavior-y: auto !important;
  }

  body:not(.ccc-body-scroll-locked),
  body:not(.ccc-body-scroll-locked) .container,
  body:not(.ccc-body-scroll-locked) #result,
  body:not(.ccc-body-scroll-locked) .result,
  body:not(.ccc-body-scroll-locked) .card {
    touch-action: pan-y !important;
  }

  body:not(.ccc-body-scroll-locked) .altthumbs-wrap,
  body:not(.ccc-body-scroll-locked) .more,
  body:not(.ccc-body-scroll-locked) .mini-results,
  body:not(.ccc-body-scroll-locked) .comic-cuts-list,
  body:not(.ccc-body-scroll-locked) .for-you-grid-wrap {
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: auto !important;
  }

  body.ccc-mobile-render-settling .card,
  body.ccc-mobile-render-settling .altthumbs-wrap,
  body.ccc-mobile-render-settling .more,
  body.ccc-mobile-render-settling .mini-results,
  body.ccc-mobile-render-settling .for-you-grid,
  body.ccc-mobile-render-settling .comic-cuts-list {
    transition: none !important;
    animation: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    will-change: auto !important;
  }

  body:not(.ccc-body-scroll-locked) .modal-dd-scroll-lock .modal-body,
  body:not(.ccc-body-scroll-locked) .modal.modal-dd-scroll-lock .modal-body {
    overflow: auto !important;
  }
}