/* The coupon must scroll instead of clipping its stake and confirmation controls. */
.lobby-page .right{
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
.lobby-page .slip-item{display:flow-root}

@media(max-width:650px){
  .lobby-page.slip-open main>.right{
    --coupon-top:max(12px,env(safe-area-inset-top,0px));
    --coupon-bottom:calc(78px + env(safe-area-inset-bottom,0px));
    top:var(--coupon-top);
    bottom:auto;
    height:calc(100vh - var(--coupon-top) - var(--coupon-bottom));
    max-height:calc(100vh - var(--coupon-top) - var(--coupon-bottom));
    height:calc(100dvh - var(--coupon-top) - var(--coupon-bottom));
    max-height:calc(100dvh - var(--coupon-top) - var(--coupon-bottom));
    min-height:0;
    align-self:stretch;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior-y:contain;
    touch-action:pan-y pinch-zoom;
    scroll-padding:48px 0 16px;
  }
  .lobby-page.slip-open main>.right>.mobile-panel-close{
    position:sticky;
    top:0;
    z-index:2;
  }
  .lobby-page.slip-open main>.right .slip{
    max-height:none;
    overflow:visible;
  }
}