.demo-invite{width:min(480px,calc(100vw - 32px));padding:32px;border:1px solid var(--rule-strong,#c8cbd0);border-radius:4px;background:var(--paper,#faf9f5);color:var(--ink,#182b45);box-sizing:border-box}
.demo-invite::backdrop{background:rgba(18,28,42,.6)}
.demo-invite form{position:relative}.demo-invite h2{font-size:25px;margin:10px 0 16px}.demo-invite p{line-height:1.7;color:var(--muted,#627080);font-size:15px}
.demo-invite .demo-invite-kicker{font-size:11px;letter-spacing:.09em;color:var(--accent,#17407a);margin:0;padding-right:22px}
.demo-invite-close{position:absolute;right:-10px;top:-16px;border:0;background:transparent;color:inherit;font-size:28px;padding:8px;cursor:pointer}
.demo-invite label{display:block;margin:22px 0 8px;font-weight:600}.demo-invite input{width:100%;box-sizing:border-box;border:1px solid var(--rule-strong,#c8cbd0);border-radius:3px;background:#fff;padding:12px;font:inherit;color:inherit}
.demo-invite input:focus-visible{outline:2px solid var(--accent,#17407a);outline-offset:2px}.demo-invite .demo-invite-message{min-height:26px;margin:6px 0;color:#a5362b;font-size:13px}
.demo-invite .btn-primary{width:100%;justify-content:center}.demo-invite button:disabled{opacity:.6;cursor:wait}.demo-invite .demo-invite-note{font-size:12px;margin-bottom:0}
@media(max-width:600px){.demo-invite{padding:24px}.demo-invite h2{font-size:22px}}