body{background:#ECEEF1}.demo-notice{width:min(100% - 32px,850px);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font:13px/1.5 Satoshi,Arial,sans-serif;color:#526079}.demo-notice a{color:#2459E8;text-decoration:none}.demo-notice button{padding:8px 14px;border:1px solid #DDE3EF;border-radius:10px;background:white;color:#14213D;cursor:pointer;min-height:40px}.demo-notice a:focus-visible,.demo-notice button:focus-visible{outline:3px solid #2459E8;outline-offset:3px}#template-demo{max-width:460px;width:100%;margin:0 auto;background:white;min-height:80dvh}.demo-noscript{max-width:460px;margin:auto;padding:24px}@media(max-width:600px){.demo-notice{gap:8px;flex-wrap:wrap;font-size:12px}.demo-notice span{order:3;width:100%;font-size:11px}.demo-notice button{margin-left:auto}#template-demo{max-width:100%}}

.demo-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.demo-notice{position:sticky;top:0;z-index:100;background:#ECEEF1}#template-demo{scroll-margin-top:100px}