/* Safe mobile fixes */
:root{
  --bottom-nav-space: 0px;
}
html{
  -webkit-text-size-adjust:100%;
}
html, body{
  max-width:100%;
  overflow-x:hidden;
}
body{
  padding-bottom: max(0px, var(--bottom-nav-space));
}
img, svg, video, canvas{
  max-width:100%;
  height:auto;
}
input, select, textarea, button{
  font-size:16px;
}
.table-responsive,
.stats-table-wrapper,
.history-table-wrapper,
.table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.gv-bottom-nav{
  padding-bottom: calc(12px + env(safe-area-inset-bottom));
}
.has-bottom-nav #toast-notification{
  bottom: calc(var(--bottom-nav-space) + 16px);
}
@media (max-width: 768px){
  .container,
  .main-container,
  .page-container,
  main{
    width:min(100%, 100vw);
    box-sizing:border-box;
  }
  .bet-modal,
  .modal,
  .popup,
  .drawer,
  .sheet,
  .offcanvas{
    max-height: calc(100dvh - 12px);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  .bet-modal-actions,
  .modal-footer,
  .popup-footer{
    position: sticky;
    bottom: 0;
    z-index: 2;
  }
  .bet-options-row{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .bet-options-row .label{
    width:100%;
    margin-bottom:8px;
  }
  .bet-options-row .controls{
    width:100%;
    justify-content:flex-start;
    flex-wrap:wrap;
  }
}