/* The shared dialog uses CSS translate; pair its centering with viewport bounds. */
body.everest-redesign .hero-bearing-dialog[data-slot=dialog-content]{
  position:fixed;
  inset:50% auto auto 50%;
  translate:-50% -50%;
  transform:none;
  box-sizing:border-box;
  width:min(1100px,calc(100% - 32px));
  max-width:calc(100% - 32px);
  height:min(860px,calc(100vh - 32px));
  height:min(860px,calc(100dvh - 32px));
  max-height:calc(100vh - 32px);
  max-height:calc(100dvh - 32px);
  margin:0;
  padding:max(26px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));
  border-radius:24px;
  overflow:hidden;
  animation:none;
}
body.everest-redesign .hero-bearing-dialog-heading{
  padding-inline:44px;
}
body.everest-redesign .hero-bearing-dialog .hero-bearing-detail{
  flex:1 1 0%;
  width:100%;
  min-width:0;
  min-height:0;
  max-height:100%;
  margin:0 auto;
  overflow:hidden;
}
body.everest-redesign .hero-bearing-dialog .hero-bearing-assemble{
  max-width:100%;
  flex:none;
}
@media(max-width:767px){
  body.everest-redesign .hero-bearing-dialog[data-slot=dialog-content]{
    width:calc(100% - 16px);
    max-width:calc(100% - 16px);
    height:calc(100vh - 16px);
    height:calc(100dvh - 16px);
    max-height:calc(100vh - 16px);
    max-height:calc(100dvh - 16px);
    padding:max(20px,env(safe-area-inset-top)) 12px max(16px,env(safe-area-inset-bottom));
    border-radius:20px;
  }
  body.everest-redesign .hero-bearing-dialog-heading{
    padding-inline:32px;
  }
}
@media(max-height:480px){
  body.everest-redesign .hero-bearing-dialog[data-slot=dialog-content]{
    padding-block:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-bottom));
  }
  body.everest-redesign .hero-bearing-dialog-heading>p:first-child{
    margin-bottom:4px;
  }
  body.everest-redesign .hero-bearing-dialog-heading [data-slot=dialog-title]{
    margin-bottom:4px;
    font-size:20px;
  }
  body.everest-redesign .hero-bearing-dialog .hero-bearing-assemble{
    margin-top:6px;
  }
}