/* SENSIK careful auth + viewport layout patch
   Only reveals registration inputs after check-email reports a new address.
   Also allows the auth modal and desktop studio panels to fit short viewports.
*/
#instantPassModal #instantPassRegistrationGroup.is-registration-step {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
#instantPassModal #instantPassRegistrationGroup.is-registration-step > .mb-3,
#instantPassModal #instantPassRegistrationGroup.is-registration-step > div {
  display: block !important;
  visibility: visible !important;
}
#instantPassModal .snv-modal-box {
  box-sizing: border-box !important;
  max-height: calc(100dvh - 28px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
}
#instantPassModal .snv-modal-box form {
  min-height: 0;
}
@media (min-width: 1051px) {
  #studio-workspace .music-panel {
    height: min(800px, calc(100dvh - 32px)) !important;
    min-height: min(680px, calc(100dvh - 32px)) !important;
    max-height: calc(100dvh - 32px) !important;
  }
  #studio-workspace .generator-layout {
    min-height: 0 !important;
  }
}
@media (max-width: 1050px) {
  #instantPassModal .snv-modal-box {
    width: min(100%, 480px) !important;
    max-width: calc(100vw - 24px) !important;
    padding: 24px 18px 20px !important;
  }
}