/* Only the three home feeds opt in. Native controls/carousels are split out by the module. */
@media(max-width:900px){
  .shell[data-feed-swipe-enabled] .workspace{overflow-x:clip}
  .shell .page[data-feed-swipe] [data-feed-swipe-zone],.shell .page[data-feed-swipe][data-feed-swipe-zone],.shell[data-feed-swipe-enabled] .app-mobile-channels[data-feed-swipe-zone]{touch-action:pan-y pinch-zoom}
  .shell[data-feed-swipe-enabled] [data-feed-swipe-zone] img{-webkit-user-drag:none}
  .shell .page[data-feed-swipe].feed-swipe-dragging,
  .shell .page[data-feed-swipe].feed-swipe-settling,
  .shell .page[data-feed-swipe].feed-swipe-leaving{transform:translate3d(var(--feed-drag-x,0px),0,0);opacity:var(--feed-drag-opacity,1);will-change:transform,opacity}
  .shell .page[data-feed-swipe].feed-swipe-dragging{transition:none!important;user-select:none;-webkit-user-select:none}
  .shell .page[data-feed-swipe].feed-swipe-settling{transition:transform .19s cubic-bezier(.2,.8,.3,1),opacity .19s ease}
  .shell .page[data-feed-swipe].feed-swipe-leaving{transition:transform .14s ease-out,opacity .14s ease-out;pointer-events:none}
  .shell .page[data-feed-swipe].feed-swipe-arriving{animation:feed-swipe-arrive .24s cubic-bezier(.2,.75,.3,1) both}
  .shell .page[data-feed-swipe].feed-swipe-arriving .discovery-grid{animation:none}
}
@keyframes feed-swipe-arrive{from{transform:translate3d(var(--feed-enter-x,28px),0,0);opacity:.86}to{transform:translate3d(0,0,0);opacity:1}}
@media(prefers-reduced-motion:reduce){
  .shell .page[data-feed-swipe],.shell .page[data-feed-swipe] *{animation:none!important;transition:none!important}
  .shell .page[data-feed-swipe].feed-swipe-dragging,.shell .page[data-feed-swipe].feed-swipe-settling,.shell .page[data-feed-swipe].feed-swipe-leaving,.shell .page[data-feed-swipe].feed-swipe-arriving{transform:none!important;opacity:1!important}
}