/* =========================================================
   Gymsessed Main Tab Swipe Navigation
   ========================================================= */

.gys-app-shell.gys-route-animating {
  overflow: hidden !important;
  contain: layout paint !important;
}

.gys-app-shell.gys-route-animating .gys-bottom-nav {
  pointer-events: none !important;
}

.gys-app-shell .gys-view-panel.gys-route-panel {
  display: flex !important;
  margin: 0 !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  transform: translateZ(0) !important;
  -webkit-transform: translateZ(0) !important;
  will-change: transform, opacity !important;
}

.gys-app-shell .gys-view-panel.gys-route-current {
  z-index: 21 !important;
}

.gys-app-shell .gys-view-panel.gys-route-target {
  z-index: 22 !important;
}

html.gys-swipe-lock,
body.gys-swipe-lock {
  overscroll-behavior: none !important;
  touch-action: none !important;
}

body.gys-swipe-lock .gys-app-shell,
body.gys-swipe-lock .gys-app-shell * {
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
}

.gys-app-shell.gys-swipe-locked {
  cursor: grabbing !important;
}

@media (prefers-reduced-motion: reduce) {
  .gys-app-shell .gys-view-panel.gys-route-panel {
    transition: none !important;
  }
}