@media(max-width:767px){
  .firebase-auth-gate{
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    inset:0;
    width:auto;
    min-width:0;
    max-width:100vw;
    height:var(--firebase-auth-viewport-height,100dvh);
    min-height:0;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));
    -webkit-overflow-scrolling:touch;
  }
  .firebase-auth-card{
    box-sizing:border-box;
    width:100%;
    min-width:0;
    max-width:420px;
    max-height:100%;
    margin:auto;
    padding:22px 18px;
    overflow-y:auto;
    border-radius:18px;
    scroll-padding-block:18px;
  }
  .firebase-auth-card header{gap:11px;margin-bottom:18px}
  .firebase-auth-card header b{font-size:19px}
  .firebase-auth-card header small{font-size:9px;letter-spacing:1.5px}
  .firebase-auth-logo{flex:0 0 auto;width:43px;height:43px;border-radius:12px;font-size:20px}
  .firebase-auth-loading{min-height:116px;text-align:center;line-height:1.5}
  .firebase-auth-tabs{margin-bottom:16px}
  .firebase-auth-tabs button,.firebase-auth-submit,.firebase-google-signin{min-height:48px;touch-action:manipulation}
  #firebaseAuthForm{gap:13px}
  #firebaseAuthForm input{
    min-height:48px;
    padding:12px 13px;
    font-size:16px;
    line-height:1.25;
  }
  .firebase-auth-link{min-height:44px;padding:10px;touch-action:manipulation}
  .firebase-auth-message{min-height:20px;overflow-wrap:anywhere}
  .firebase-auth-toast{
    top:max(12px,env(safe-area-inset-top));
    width:calc(100% - max(32px,env(safe-area-inset-left) + env(safe-area-inset-right)));
    max-width:420px;
    padding:13px 14px;
  }
  body.firebase-auth-keyboard-open .firebase-auth-gate{align-items:flex-start;padding-top:10px;padding-bottom:10px}
  body.firebase-auth-keyboard-open .firebase-auth-card{margin-block:0;padding-block:16px}
  body.firebase-auth-keyboard-open .firebase-auth-card header{margin-bottom:12px}
}
@media(max-width:767px) and (max-height:560px){
  .firebase-auth-gate{align-items:flex-start;padding-block:8px}
  .firebase-auth-card{margin-block:0;padding:14px 16px;border-radius:15px}
  .firebase-auth-card header{margin-bottom:10px}
  .firebase-auth-logo{width:38px;height:38px}
  .firebase-auth-loading{min-height:76px}
  .firebase-auth-tabs{margin-bottom:10px}
  #firebaseAuthForm{gap:9px}
  #firebaseAuthForm label span{margin-bottom:4px}
}
@media(max-width:767px) and (orientation:landscape){
  .firebase-auth-gate{align-items:flex-start;padding-block:8px}
  .firebase-auth-card{max-width:520px;margin-block:0;padding:14px 18px}
  .firebase-auth-card header{margin-bottom:10px}
}
