:root{--demo-bar:44px}.demo-short{display:none}.demo-bar,.demo-bar *,.demo-panel,.demo-panel *,.demo-toasts,.demo-toasts *{box-sizing:border-box}.demo-bar{z-index:70;height:var(--demo-bar);color:#f5f5f6;background:#0e0e10;border-bottom:1px solid #2b2b30;align-items:center;gap:10px;padding:0 12px;font:600 13px/1.2 system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:fixed;inset:0 0 auto}.demo-badge{white-space:nowrap;color:#ffd27a;align-items:center;gap:6px;display:inline-flex}.demo-badge:before{content:"";background:#ffd27a;border-radius:50%;width:7px;height:7px}.demo-switch{background:#202024;border-radius:999px;margin-left:auto;padding:3px;display:flex}.demo-switch a{color:#b8b8bf;white-space:nowrap;border-radius:999px;align-items:center;min-height:32px;padding:6px 12px;text-decoration:none;display:inline-flex}.demo-switch a[aria-current=page]{color:#0e0e10;background:#f5f5f6}.demo-actions{align-items:center;gap:8px;display:flex}.demo-more{color:#f5f5f6;min-height:32px;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #3d3d44;border-radius:999px;padding:6px 12px}.demo-cta{color:#fff;white-space:nowrap;background:#d93a40;border-radius:999px;padding:7px 14px;text-decoration:none}.demo-bar :focus-visible,.demo-panel :focus-visible{outline-offset:2px;outline:2px solid #ff8f93}.demo-panel{top:calc(var(--demo-bar) + 6px);color:#f5f5f6;background:#17171a;border:1px solid #3d3d44;border-radius:16px;width:min(420px,100vw - 24px);padding:16px;font-weight:500;position:absolute;right:12px;box-shadow:0 20px 50px -20px #000c}.demo-panel-title{margin:0 0 8px;font-size:14px;font-weight:700}.demo-panel ol{gap:6px;margin:0;padding-left:20px;display:grid}.demo-panel ol a{color:#f5f5f6}.demo-note{color:#b8b8bf;margin:12px 0;line-height:1.45}.demo-panel-actions{flex-wrap:wrap;gap:8px;display:flex}.demo-panel-actions button,.demo-panel-actions a{color:#f5f5f6;min-height:40px;font:inherit;cursor:pointer;background:#202024;border:1px solid #3d3d44;border-radius:999px;align-items:center;padding:8px 14px;text-decoration:none;display:inline-flex}.demo-panel-actions .demo-cta-inline{background:#d93a40;border-color:#d93a40;display:none}.demo-toasts{z-index:90;pointer-events:none;gap:8px;width:min(520px,100vw - 24px);display:grid;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}.demo-toasts p{color:#fff;background:#0e0e10;border:1px solid #3d3d44;border-radius:12px;margin:0;padding:12px 14px;font:500 14px/1.4 system-ui,sans-serif;box-shadow:0 10px 30px -10px #0009}.demo-missing{max-width:640px;margin:0 auto;padding:120px 20px;font-family:system-ui,sans-serif}.demo-missing h1{margin:0 0 12px;font-size:24px}@media (width<=860px){.demo-cta{display:none}.demo-panel-actions .demo-cta-inline{display:inline-flex}}@media (width<=520px){.demo-bar{gap:6px;padding:0 8px;font-size:11.5px}.demo-long{display:none}.demo-short{display:inline}.demo-badge{gap:5px}.demo-switch{margin-left:auto}.demo-switch a{padding:6px 9px}.demo-more{padding:6px 10px}}@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope-latin.woff2)format("woff2");font-weight:200 800;font-display:swap}:root{--font-inter:"Inter";--font-manrope:"Manrope";--banner-h:var(--demo-bar)}.demo-app{padding-top:var(--demo-bar)}html[data-area=public] .demo-app{padding-top:0}html[data-area=gerant] .demo-app [class~=sticky][class~=top-0]{top:var(--demo-bar)}html[data-area=gerant] .demo-app [class~=h-dvh]{height:calc(100dvh - var(--demo-bar))}
