/* One desktop panel size for the introduction, questions and lead screen. */
@media(min-width:768px){
 html body dialog.hq-dialog {--hq-square:min(640px,92vw,90dvh);width:var(--hq-square)!important;height:var(--hq-square)!important;max-width:92vw!important;max-height:90dvh!important;padding:26px 36px!important;box-sizing:border-box;overflow:auto}
 html body dialog.hq-dialog[open] {display:flex;flex-direction:column;justify-content:center}
 html body dialog.hq-dialog .hl-popup-logo {flex:none;width:142px!important;height:auto!important;margin:0 auto 24px!important}
 html body dialog.hq-dialog .hq {flex:none;width:100%;max-width:none;margin:0!important;padding:0!important;box-sizing:border-box;min-height:0!important}
 html body dialog.hq-dialog .hq-start {display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
 html body dialog.hq-dialog .hq-start .hq-title {max-width:440px;margin:0!important;font-size:30px!important;line-height:1.2!important;text-wrap:balance}
 html body dialog.hq-dialog .hq-start .hq-disclaimer {max-width:390px;margin:0!important;font-size:15px;line-height:1.5}
 html body dialog.hq-dialog .hq-start .hq-note {margin:0!important}
 html body dialog.hq-dialog.hq-in-progress .hq-title {font-size:25px!important}
}
@media(max-width:767px){
 html body dialog.hq-dialog:not(.hq-in-progress) {width:calc(100vw - 24px)!important;min-height:calc(100vw - 24px);max-height:90dvh!important;box-sizing:border-box;padding:28px 22px!important}
 html body dialog.hq-dialog:not(.hq-in-progress) .hq-title {font-size:24px!important;text-wrap:balance}
 html body dialog.hq-dialog .hq-disclaimer {font-size:14px;line-height:1.5}
}