.demo-root{color:#111113;background:#f5f5f7;min-height:100svh}.demo-desktop{touch-action:manipulation;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100svh;padding:32px 16px;display:flex}.demo-mobile{touch-action:manipulation;overscroll-behavior:none;background:#fff;width:100%;height:100dvh;position:fixed;top:0;left:0;overflow:hidden}.demo-clip{transform-origin:0 0;background:#fff;width:393px;position:absolute;top:0;left:0;overflow:hidden}.demo-screen{width:393px;position:absolute;top:-40px;left:0}.demo-scene{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;animation:.28s cubic-bezier(.22,1,.36,1) v11-screen-in;position:absolute;inset:0}.demo-scene button,.demo-scene [onclick]{cursor:pointer}.demo-toast{z-index:60;color:#fff;white-space:nowrap;background:#111113e0;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;animation:.3s cubic-bezier(.22,1,.36,1) v11-bubble-in;position:absolute;top:56px;left:50%;transform:translate(-50%)}.demo-menu{z-index:70;background:#11111373;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.demo-menu-card{background:#fff;border-radius:18px;width:100%;max-width:300px;padding:8px;box-shadow:0 24px 60px -20px #11111380}.demo-menu-title{text-align:center;font-family:var(--font-geist-mono);letter-spacing:.12em;text-transform:uppercase;color:#8b919b;padding:10px 0 6px;font-size:11px}.demo-menu-card button,.demo-menu-card a{color:#111113;border-radius:12px;justify-content:center;align-items:center;width:100%;height:48px;font-size:15px;font-weight:600;display:flex}.demo-menu-card button:active,.demo-menu-card a:active{background:#f2f2f4}.demo-menu-card .demo-menu-quiet{color:#8b919b;font-weight:500}.demo-spin{border:3px solid #11111326;border-top-color:#111113;border-radius:50%;width:36px;height:36px;animation:.9s linear infinite demo-spin}@keyframes demo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.demo-scene,.demo-toast{animation:none}}