#acerca-demo-banner{position:sticky;top:0;z-index:45;box-sizing:border-box;width:100%;padding:10px 16px;background:#4c1d95;color:#fff;text-align:center;font:600 14px/1.5 system-ui}#acerca-demo-banner a{display:inline-block;margin-left:12px;color:#fff;text-decoration:underline}#acerca-demo-dialog{box-sizing:border-box;width:calc(100% - 32px);max-width:460px;max-height:calc(100dvh - 32px);overflow:auto;padding:28px;border:1px solid #e5def3;border-radius:24px;background:#fff;color:#242033;font:16px/1.6 system-ui}#acerca-demo-dialog::backdrop{background:#17112d99}#acerca-demo-dialog img{display:block;max-width:100%;height:auto;margin:auto}#acerca-demo-dialog h2{font-size:24px;line-height:1.25;margin:24px 0 16px}#acerca-demo-dialog p{margin:0 0 24px}.acerca-demo-actions{display:grid;gap:12px}.acerca-demo-actions button,.acerca-demo-actions a{box-sizing:border-box;display:block;width:100%;min-height:48px;padding:12px 16px;border:2px solid #6d28d9;border-radius:12px;background:#6d28d9;color:#fff;text-align:center;font:600 16px/1.4 system-ui;cursor:pointer;text-decoration:none}.acerca-demo-actions a{background:#fff;color:#5b21b6}#acerca-demo-dialog :focus-visible,#acerca-demo-banner :focus-visible{outline:3px solid #0891b2;outline-offset:3px}

body:has(> #acerca-demo-banner) .sidebar{top:var(--acerca-demo-offset,62px)}