/* For Her v1.20.306 — Instagram-like swipe-to-dismiss the story viewer.
   Scoped to native modal, active only on mobile where CSS viewport rules apply. */
@media (max-width:767px) {
  html body .elite-story-modal[open] {
    transform:translate3d(var(--story-dismiss-x,0px),var(--story-dismiss-y,0px),0) scale(var(--story-dismiss-scale,1))!important;
    transform-origin:center center!important;
    border-radius:var(--story-dismiss-radius,0px)!important;
    will-change:transform,border-radius;
    backface-visibility:hidden;
  }
  html body .elite-story-modal[open]::backdrop {
    background:rgba(0,0,0,var(--story-backdrop-alpha,.78))!important;
  }
  html body .elite-story-modal[open].is-story-dragging {
    transition:none!important;
  }
  html body .elite-story-modal[open].is-story-springing {
    transition:transform 300ms cubic-bezier(.18,.82,.24,1),border-radius 300ms ease!important;
  }
  html body .elite-story-modal[open].is-story-closing {
    transition:transform 320ms cubic-bezier(.23,.82,.34,1),border-radius 320ms ease,opacity 320ms ease!important;
    pointer-events:none!important;
  }
  html body .elite-story-modal[open].is-story-closing::backdrop,
  html body .elite-story-modal[open].is-story-springing::backdrop {
    transition:background-color 300ms ease!important;
  }
}
@media (max-width:767px) and (prefers-reduced-motion:reduce) {
  html body .elite-story-modal[open].is-story-closing,
  html body .elite-story-modal[open].is-story-springing { transition:none!important; }
}