body.is-capacitor :is(#appHomeContent, #appCongressiContent, #appTipsContent, #appProfileContent, #appProfileVisitContent).app-section-scroll-root {
  position: relative;
  overflow: hidden;
  transform: none !important;
  opacity: 1 !important;
  will-change: auto !important;
}

body.is-capacitor .app-section-scroll-root [data-app-section-scroll] {
  position: absolute;
  top: var(--app-section-scroll-top);
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 var(--app-section-scroll-right) var(--app-section-scroll-bottom) var(--app-section-scroll-left);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

body.is-capacitor [data-app-section-scroll]::-webkit-scrollbar {
  display: none;
}

body.is-capacitor .app-section-scroll-body {
  display: flex;
  flex-direction: column;
  gap: var(--app-section-scroll-gap);
  width: min(var(--app-section-scroll-width), 100%);
  margin: 0 auto;
}

body.is-capacitor :is(#appHomeContent, #appProfileContent) .app-section-scroll-body {
  min-height: 100%;
}

body.is-capacitor #appProfileVisitContent .app-section-scroll-body {
  display: block;
}

body.is-capacitor.app-view-home #appHomeContent.home-v2 .app-section-scroll-body > .home-top-events-preview:first-of-type {
  margin-top: var(--home-menu-to-top-events-gap, 18px);
}

body.is-capacitor .app-section-scroll-root.app-route-content-entering [data-app-section-scroll] {
  top: calc(var(--app-section-scroll-top) + 8px);
  opacity: 0.92;
  transition: opacity 170ms ease-out, top 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

body.is-capacitor .app-section-scroll-root.app-route-content-entered [data-app-section-scroll] {
  top: var(--app-section-scroll-top);
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  body.is-capacitor .app-section-scroll-root.app-route-content-entering [data-app-section-scroll] {
    top: var(--app-section-scroll-top);
    opacity: 1;
    transition: none;
  }
}