html:has(#demo-dialog[open]){overflow:hidden}
#demo-dialog{width:min(660px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:var(--radius-surface);background:var(--color-white);color:var(--color-ink);overflow:auto;box-shadow:0 16px 48px rgb(22 38 61 / .18)}
#demo-dialog::backdrop{background:rgb(22 38 61 / .62)}
.demo-panel{padding:32px}
.demo-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}
.demo-heading h2{margin:0;font-size:var(--text-h3);line-height:1.3}
.demo-heading p{margin:12px 0 0;color:var(--color-body);font-size:14px;line-height:1.6;max-width:48ch}
.demo-close{min-height:44px;padding:4px 8px;border:0;background:transparent;color:var(--color-accent);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.demo-close:hover{color:var(--color-accent-hover);background:var(--color-accent-light)}
.demo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.demo-field{display:grid;gap:8px;min-width:0;align-content:start;font-size:14px;font-weight:600}
.demo-field input{width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid var(--color-muted);border-radius:6px;background:var(--color-white);color:var(--color-ink);font:inherit;font-size:16px;font-weight:400}
.demo-field input::placeholder{color:var(--color-muted);opacity:1}
.demo-field input[aria-invalid=true]{border-color:var(--color-error)}
.demo-message{min-height:42px;font-size:14px;line-height:1.5;font-weight:400;color:var(--color-body);overflow-wrap:anywhere}
.demo-message.is-error,.demo-feedback{color:var(--color-error)}
.demo-feedback{font-size:14px;line-height:1.6;margin:16px 0}
.demo-form-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}
.demo-form-footer p{max-width:34ch;margin:0 0 8px;font-size:14px;line-height:1.6;color:var(--color-body)}
.demo-form-footer a{font-size:14px;color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}
.demo-form-footer .button{flex-shrink:0}
.demo-form-footer .button:disabled{cursor:wait;opacity:.65}
.demo-trap{position:absolute;width:1px;height:1px;padding:0;opacity:0;overflow:hidden;pointer-events:none}
.demo-success h3{font-size:var(--text-h3);margin:0 0 16px}
.demo-success p{font-size:16px;line-height:1.6;color:var(--color-body);margin-bottom:24px}
#demo-dialog [hidden]{display:none!important}
html:has(#demo-dialog[open]) :is(.b24-widget-button-wrapper,.b24-widget-button-popup,.b24-widget-button-shadow,.b24-widget-button-shadow-loader,.bx-livechat-wrapper){display:none!important}
@media(max-width:540px){.demo-panel{padding:24px 20px}.demo-fields{grid-template-columns:1fr;gap:12px}.demo-heading{gap:12px}.demo-form-footer{flex-direction:column;align-items:stretch;gap:16px}.demo-form-footer p{max-width:none}.demo-form-footer .button{justify-content:center}.demo-message{min-height:21px}}