/*
  Mobile viewport stability
  Keep the browser's normal document scrolling. iOS Safari behaves most
  reliably when Morrow's sticky header and fixed navigation are not placed
  inside a custom full-height momentum scroller.
*/
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

@media(max-width:600px){
  input,
  select,
  textarea,
  .input,
  .search-box input,
  .settings-field input,
  .settings-field select,
  .onboarding-field input,
  .onboarding-field select{
    font-size:16px !important;
  }
}

@media(max-width:699px){
  html,
  body{
    width:100%;
    min-height:100%;
    overflow-x:hidden;
  }

  .app{
    min-height:100vh;
  }

  .topbar{
    position:sticky;
    top:0;
    z-index:100;
  }

  .bottom-nav{
    position:fixed;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:min(100%,520px);
    z-index:900;
    isolation:isolate;
    pointer-events:auto;
    touch-action:manipulation;
  }

  .bottom-nav .nav-btn{
    pointer-events:auto;
    touch-action:manipulation;
  }
}