.demo-invitation{max-width:460px;margin:22px auto -8px;padding:15px 18px;border:1px solid #cddfd2;border-radius:18px;background:#edf4ec;text-align:left;display:flex;align-items:center;gap:15px}.demo-invitation b{font-size:13px}.demo-invitation b span{white-space:nowrap;letter-spacing:1px}.demo-invitation p{font-size:12px;line-height:1.5;margin:5px 0 0;color:#556d62}.demo-invitation .button{flex-shrink:0;padding:11px 13px;font-size:12px;gap:8px;background:#fff}.demo-session-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 19px;background:#edf4ec;border:1px solid #cddfd2;border-radius:16px;margin:-10px 0 25px;font-size:12px}.demo-session-banner b{display:block;margin-bottom:4px}.demo-session-banner span{color:#556d62}.demo-session-banner .demo-countdown{display:block;margin-top:5px}.demo-countdown b{display:inline}.demo-session-banner .text-button{flex-shrink:0}.demo-end-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:28px}.demo-auto-next{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.demo-auto-next p{margin:0}.demo-auto-next .button{padding:11px 15px}@media(max-width:520px){.demo-invitation{padding:13px;gap:10px}.demo-invitation p{font-size:11px}.demo-invitation .button{padding:10px;font-size:11px}.demo-session-banner{padding:13px;font-size:11px;gap:10px}.demo-auto-next{align-items:flex-start}.demo-end-actions .button{width:100%}}

.join-page .demo-invitation{margin:0 auto 16px}.demo-invitation+.join-panel{margin-top:16px}
.join-page-with-demo{padding-top:30px}.join-page-with-demo>.eyebrow{margin-bottom:12px}.join-page-with-demo h1{margin-bottom:14px}.join-page-with-demo .join-panel label{margin-bottom:18px}
.join-page-with-demo{padding-top:20px}.join-page-with-demo h1{margin-bottom:10px}.join-page-with-demo .demo-invitation{padding:12px 14px}.join-page-with-demo .join-panel{padding:20px}.join-page-with-demo .join-panel label{margin-bottom:14px}