/* Ubunifu: one smooth page scroll on phones, tablets and desktops. Loads last, so it wins over earlier rules. */

/* The page itself is the only vertical scroller. Clip sideways overflow without creating a second scroll container. */
html,body{overflow:visible;overflow-x:clip;max-width:100%;overscroll-behavior-y:auto}
html{scroll-behavior:auto;-webkit-text-size-adjust:100%}

/* Wide tables and tab strips scroll sideways only, and never hand the gesture to the page mid-swipe. */
.scroll,.tabs,.pal-list,.sb-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}

/* Fixed overlays and the sticky header: no blur on phones and tablets, it is the main cause of jerky scrolling there. */
@media (max-width:979px){
  .topbar,.bnav,.scrim,.tour,.palette,.av-modal,.qpanel,.sidebar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}

/* Respect the phone's "reduce motion" setting, and keep the page responsive while a card animates. */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}