/* reward-viewport-v3: reward and PG betting pages keep the footer outside their scroller. */
.page-container.reward-viewport-container {
  top: var(--reward-viewport-top, 0px) !important;
  height: var(--reward-viewport-height, 100%) !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
  will-change: auto !important;
  transform: none !important;
  transition: none !important;
}

.page-container.reward-viewport-container > .reward-viewport-layout {
  --reward-layout-version: reward-viewport-v3;
  position: relative !important;
  inset: auto !important;
  display: flex;
  flex-direction: column;
  height: 100% !important;
  min-height: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box;
}

.reward-viewport-layout > * {
  flex-shrink: 0;
}

.reward-viewport-layout > .reward-viewport-content {
  flex: 1 1 0%;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.reward-viewport-container .reward-viewport-layout .van-nav-bar--fixed {
  position: absolute;
}

.reward-viewport-container .reward-viewport-layout > .bottom-bar {
  position: relative !important;
  inset: auto !important;
  flex: 0 0 auto;
  width: 100%;
  padding-bottom: 10px !important;
  padding-bottom: calc(10px + constant(safe-area-inset-bottom)) !important;
  padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  box-sizing: border-box;
}