body{padding-top:100px}#root>.h-screen{height:calc(100dvh - 100px)}.public-demo-bar{z-index:9999;color:#fff;background:#142338;min-height:90px;padding:10px 16px;font:13px system-ui;position:fixed;inset:0 0 auto;box-shadow:0 2px 8px #0006}.public-demo-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.public-demo-actions>span{flex:1;min-width:180px}.public-demo-bar button,.public-demo-bar summary,.public-personas button,.public-unavailable button{cursor:pointer;color:#fff;background:#163a63;border:1px solid #93c5fd;border-radius:8px;padding:6px 10px}.public-demo-bar details p{background:#142338;border:1px solid #93c5fd;border-radius:8px;max-width:600px;padding:16px;position:absolute;right:8px}.public-personas{color:#dbeafe;max-width:1000px;margin:auto;padding:32px;font-family:system-ui}.public-personas h1{margin:20px 0;font-size:26px}.public-personas>div{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:24px;display:grid}.public-personas button{text-align:left;flex-direction:column;gap:12px;padding:18px;display:flex}.public-unavailable{z-index:90;color:#fff;background:#142338;border:2px solid #93c5fd;border-radius:12px;padding:32px;font-family:system-ui;position:fixed;inset:20% 10% auto}.public-unavailable h2{margin-bottom:12px;font-size:20px}.public-unavailable p{margin-bottom:12px}@media (width<=700px){body{padding-top:155px}#root>.h-screen{height:calc(100dvh - 155px)}.public-demo-bar{font-size:11px}.public-personas{padding:16px}}.public-unavailable-page{z-index:0;position:relative;inset:auto}
