@font-face{font-family:Manrope;src:url('../cafe/manrope.woff2')}*{box-sizing:border-box}body{margin:0;background:#10182b;color:#f7f3e8;font-family:Manrope,Arial,sans-serif}#demo-bar{display:flex;align-items:center;gap:20px;padding:12px 20px;background:#202944;border-bottom:1px solid #56647a}#demo-bar a{color:#f7f3e8;font-weight:800;text-decoration:none;white-space:nowrap}#demo-bar p{font-size:12px;margin:0;flex:1;line-height:1.5;color:#d3ddeb}button{font:inherit;cursor:pointer;color:#182236;background:#c9e88f;border:0;padding:12px 16px;border-radius:10px;min-height:44px}a{color:#89cada}button:focus-visible,a:focus-visible{outline:3px solid #f3cd70;outline-offset:3px}#demo-frame{display:block;border:0;width:100%;height:calc(100dvh - var(--bar-height,70px))}#demo-frame[hidden],[hidden]{display:none!important}#loading-status,#load-error{padding:60px 24px;max-width:750px;margin:auto;line-height:1.6}#loading-status h1{font-size:36px;line-height:1.25}#load-error a{display:block;margin-top:25px}@media(max-width:600px){#demo-bar{gap:10px;flex-wrap:wrap;padding:10px 14px}#demo-bar p{order:3;flex-basis:100%;font-size:11px}#demo-bar button{margin-left:auto;font-size:12px;padding:10px 14px}#loading-status h1{font-size:29px}}