/* A centered patient form with the website visible around its edges. */
html.health-form-open{overflow:hidden;scroll-behavior:auto}
.health-form-dialog{position:fixed;inset:0;width:min(920px,calc(100% - 64px));height:min(820px,calc(100% - 64px));height:min(820px,calc(100dvh - 64px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #ffffff90;border-radius:28px;background:#f9fbfc;color:#192f41;overflow:hidden;overscroll-behavior:contain;box-shadow:0 28px 88px #0b233f47}
.health-form-dialog:not([open]){display:none}
.health-form-dialog[open]{display:flex;flex-direction:column}
.health-form-dialog::backdrop{background:#162b405c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.health-form-dialog,.health-form-dialog *{box-sizing:border-box}
.health-form-header{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:16px;flex:none;padding:14px max(24px,env(safe-area-inset-right)) 14px max(24px,env(safe-area-inset-left));padding-top:max(14px,env(safe-area-inset-top));border-bottom:1px solid #dce5eb;background:#fff}
.health-form-close{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid #dce5eb;border-radius:50%;color:#192f41;background:#f5f8fa;cursor:pointer}
.health-form-close:hover{background:#e8f1f6}
.health-form-close svg{width:22px;height:22px;display:block}
.health-form-brand{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;white-space:nowrap;font-family:Lexend,system-ui,sans-serif;font-size:27px;font-weight:400;line-height:1.15;letter-spacing:-.04em}
.health-form-brand img{width:42px;height:42px;object-fit:contain;flex:none}
.health-form-brand>span>span:first-child{color:#2b7095}
.health-form-dialog [hidden]{display:none!important}
.health-form-body{position:relative;flex:1;min-height:0;overflow:hidden;background:#fff}
.health-form-frame{display:block;width:100%;height:100%;border:0;background:#fff}
.health-form-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;background:#f9fbfc;color:#476377;font-size:15px}
.health-form-spinner{width:22px;height:22px;flex:none;border:2px solid #cfdee6;border-top-color:#2b7095;border-radius:50%;animation:health-form-spin .8s linear infinite}
.health-form-support{flex:none;padding:0 max(18px,env(safe-area-inset-right)) env(safe-area-inset-bottom);border-top:1px solid #dce5eb;background:#fff;text-align:center;font-size:12px;line-height:1.5;color:#526b7d}
.health-form-support p{margin:12px 0 0;font-size:13px;line-height:1.6;color:#526b7d}
.health-form-reload{min-height:44px;border:0;border-radius:8px;padding:10px 18px;background:transparent;color:#526b7d;font:inherit;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.health-form-reload:hover{color:#235b7b;background:#f2f7fa}
.health-form-close:focus-visible,.health-form-reload:focus-visible{outline:3px solid #2b7095;outline-offset:3px}
@keyframes health-form-spin{to{transform:rotate(360deg)}}
@media(max-width:680px){
 .health-form-dialog{width:calc(100% - 24px);height:calc(100% - 32px);height:calc(100dvh - 32px);border-radius:22px;box-shadow:0 14px 48px #0b233f40}
 .health-form-header{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));padding-top:max(10px,env(safe-area-inset-top))}
 .health-form-close{width:44px;height:44px}
 .health-form-brand{gap:7px;font-size:clamp(17px,5vw,22px)}
 .health-form-brand img{width:32px;height:32px}
 .health-form-loading{font-size:14px;gap:10px}
}
@media(prefers-reduced-motion:reduce){.health-form-spinner{animation:none}}