.demo-runtime-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;margin:0 0 22px;border:1px solid var(--line,#c8ded9);border-inline-start:4px solid var(--brand,#0f766e);border-radius:10px;background:var(--surface,#fff);color:var(--ink,#19383e);line-height:1.8}.demo-runtime-notice>div:first-child{min-width:0}.demo-runtime-notice strong{font-size:14px}.demo-runtime-notice p{font-size:12px;color:var(--muted,#60777c);margin:4px 0 0;max-width:650px}.demo-runtime-notice>div:last-child{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:0 0 auto}.demo-runtime-notice .button{font-size:12px}.demo-exit{font-size:11px;padding:8px;color:var(--muted,#60777c)}[data-demo-readonly-form] button:disabled,[data-demo-readonly-form] input:disabled,[data-demo-readonly-form] select:disabled,[data-demo-readonly-form] textarea:disabled{cursor:default}[data-demo-readonly-form] input,[data-demo-readonly-form] select,[data-demo-readonly-form] textarea{opacity:1;color:inherit;-webkit-text-fill-color:currentColor}[data-demo-readonly-form] button:disabled{opacity:.5}.public-body>.demo-runtime-notice,.sl-public>.demo-runtime-notice{margin:15px auto;max-width:1180px;width:calc(100% - 30px)}.demo-runtime-notice .button-outline{white-space:normal}html[data-theme=dark] .demo-runtime-notice{border-color:#375350}html[data-theme=dark] .demo-runtime-notice strong{color:#69d9c1}@media(max-width:1100px){.demo-runtime-notice{align-items:start;flex-direction:column}.demo-runtime-notice>div:last-child{flex:1 1 auto}}@media(max-width:560px){.demo-runtime-notice{padding:14px;gap:12px;margin-bottom:18px}.demo-runtime-notice .button{font-size:11px;padding:8px 10px}.demo-runtime-notice p{font-size:11px}.demo-runtime-notice>div:last-child{width:100%}.demo-runtime-notice>div:last-child>.button{flex:1}.demo-exit{flex-basis:100%;text-align:center;padding:0}}
.demo-account-switcher{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:10px;font-size:12px}.demo-account-switcher>span{color:var(--muted,#60777c);margin-inline-end:5px}.demo-account-switcher>a{padding:4px 11px;border:1px solid var(--line,#c8ded9);border-radius:6px;color:var(--ink,#19383e);text-decoration:none;background:var(--surface,#fff);white-space:nowrap}.demo-account-switcher>a[aria-current=true]{background:var(--brand,#0f766e);border-color:var(--brand,#0f766e);color:#fff}.demo-account-switcher>a:focus-visible{outline:2px solid var(--brand,#0f766e);outline-offset:2px}