/* Independent demo replay and this browser's next-visit preference. */
#ao-demo-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 12px;margin:0 0 6px auto;width:fit-content;max-width:100%}
#ao-demo-controls #ao-demo-open{margin:0;flex-shrink:0}
#ao-demo-controls .ao-demo-preference{display:flex;align-items:center;gap:7px;max-width:100%;color:inherit;font-family:inherit;font-size:12px;line-height:1.35;cursor:pointer;text-align:left}
#ao-demo-direct-site{flex:0 0 auto;width:16px;height:16px;margin:0;cursor:pointer}
#ao-demo-direct-site:focus-visible{outline:3px solid #f4a252;outline-offset:3px}
#ao-demo-open{display:flex;align-items:center;justify-content:center;width:max-content;max-width:100%;margin:0 0 6px auto;padding:10px 14px;border:1px solid #ef934c;border-radius:8px;background:linear-gradient(130deg,#f68c47,#f4a252);color:#243246;font-family:inherit;font-size:12px;font-weight:650;line-height:1.3;box-shadow:none;text-shadow:none;transform:none;cursor:pointer;transition:filter .15s}
#ao-demo-open:is(:hover,:active){background:linear-gradient(130deg,#f68c47,#f4a252);box-shadow:none;transform:none;filter:brightness(.98)}
#ao-demo-open:focus-visible{outline:3px solid #f4a252;outline-offset:3px}
.ao-demo-layer{position:fixed;inset:0;z-index:2147483000;margin:0;padding:0;border:0;background:#f5f8fb}
.ao-demo-layer[hidden]{display:none!important}
.ao-demo-layer iframe{display:block;width:100%;height:100%;border:0;background:#f5f8fb}
html.ao-demo-opened{overflow:hidden}
@media(max-width:720px){#ao-demo-open{font-size:11px;padding:9px 11px}}
@media(prefers-reduced-motion:reduce){#ao-demo-open{transition:none}}