/* Mobile keyboard viewport hotfix for the Lace Secret Size Experience. */
@media (max-width:767px){
  .ls-size-assistant-dialog__body{
    scroll-padding-bottom:112px;
  }
  .ls-size-assistant__field{
    scroll-margin-top:16px;
    scroll-margin-bottom:118px;
  }
  .ls-size-assistant-dialog.is-keyboard-open .ls-sa-visual{
    display:none;
  }
  .ls-size-assistant-dialog.is-keyboard-open .ls-size-assistant-dialog__head{
    padding:10px 16px;
  }
  .ls-size-assistant-dialog.is-keyboard-open .ls-size-assistant-dialog__head h2{
    font-size:20px;
    line-height:1.05;
  }
  .ls-size-assistant-dialog.is-keyboard-open .ls-size-assistant-dialog__head .ls-sa-eyebrow{
    margin-bottom:3px;
    font-size:7px;
  }
  .ls-size-assistant-dialog.is-keyboard-open .ls-size-assistant-dialog__close{
    width:38px;
    height:38px;
  }
  .ls-size-assistant-dialog.is-keyboard-open .ls-sa-workspace{
    padding:14px 18px 20px;
  }
  .ls-size-assistant-dialog.is-keyboard-open .ls-size-assistant__modes{
    margin-bottom:14px;
  }
  .ls-size-assistant-dialog.is-keyboard-open .ls-sa-orientation{
    margin-bottom:4px;
  }
  .ls-size-assistant-dialog.is-keyboard-open .ls-sa-workspace h3{
    margin-bottom:10px;
    font-size:24px;
  }
  .ls-size-assistant-dialog.is-keyboard-open .ls-sa-metrics{
    margin-top:12px;
  }
  .ls-size-assistant-dialog.is-keyboard-open .ls-sa-footer{
    padding:8px 16px max(8px,env(safe-area-inset-bottom));
  }
}

@media (prefers-reduced-motion:reduce){
  .ls-size-assistant-dialog.is-keyboard-open *{
    scroll-behavior:auto!important;
  }
}