.demo-root{--demo-ease-out:cubic-bezier(.22,1,.36,1);--demo-ease-in:cubic-bezier(.4,0,1,1);--demo-ease-spring:cubic-bezier(.34,1.56,.64,1)}.demo-intro-in{animation:demo-rise-8 .28s var(--demo-ease-out) .26s both}.demo-modal-out{animation:demo-modal-out .18s var(--demo-ease-in) forwards}.demo-done-in{animation:demo-done-in .32s var(--demo-ease-out) both}.demo-tile-pop{animation:demo-pop .22s var(--demo-ease-spring) .12s both}@keyframes demo-rise-8{0%{opacity:0;transform:translateY(8px)}}@keyframes demo-modal-out{to{opacity:0;transform:scale(.97)}}@keyframes demo-done-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}@keyframes demo-pop{0%{opacity:0;transform:scale(.6)}}.demo-tip-in-left{animation:demo-tip-in-left .24s var(--demo-ease-out) 80ms both}.demo-tip-in-bottom{animation:demo-tip-in-bottom .24s var(--demo-ease-out) 80ms both}.demo-tip-out{animation:demo-fade-out .12s var(--demo-ease-in) forwards}.demo-badge-pop{animation:demo-pop .22s var(--demo-ease-spring) .12s both}@keyframes demo-tip-in-left{0%{opacity:0;transform:translateX(-8px)}}@keyframes demo-tip-in-bottom{0%{opacity:0;transform:translateY(8px)}}@keyframes demo-fade-out{to{opacity:0}}.demo-ring{position:relative;animation:demo-ring-in .26s var(--demo-ease-out) both}.demo-ring:after{content:"";position:absolute;inset:-2px;border-radius:inherit;animation:demo-ring-pulse 1.6s ease-out .4s infinite}@keyframes demo-ring-in{0%{opacity:0;transform:scale(1.08)}}@keyframes demo-ring-pulse{0%{box-shadow:0 0 0 0 rgba(255,90,31,.35)}to{box-shadow:0 0 0 8px rgba(255,90,31,0)}}.demo-menu-in{animation:demo-menu-in .2s var(--demo-ease-out) both}.demo-menu-out{animation:demo-menu-out .16s var(--demo-ease-in) forwards}.demo-row-in{animation:demo-rise-4 .2s var(--demo-ease-out) both}@keyframes demo-menu-in{0%{opacity:0;transform:scale(.96) translateY(-4px)}}@keyframes demo-menu-out{to{opacity:0;transform:scale(.98)}}@keyframes demo-rise-4{0%{opacity:0;transform:translateY(4px)}}.demo-pin-in{animation:demo-pin-in .3s var(--demo-ease-spring) .12s both}.demo-ball-in{animation:demo-ball-in .3s var(--demo-ease-spring) .38s both}@keyframes demo-pin-in{0%{opacity:0;transform:scale(.4)}}@keyframes demo-ball-in{0%{opacity:0;transform:translateY(12px) scale(.8)}}.demo-orb{display:block}.demo-orb-body{position:relative;display:block;width:100%;height:100%;transform-origin:50% 100%;filter:drop-shadow(0 4px 10px rgba(255,90,31,.28));user-select:none;animation:demo-orb-bob 2.6s cubic-bezier(.45,0,.55,1) .7s infinite}.demo-orb-shadow{position:absolute;left:50%;bottom:-8px;width:38px;height:8px;margin-left:-19px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,90,31,.42),rgba(255,90,31,0));filter:blur(2px);animation:demo-orb-shadow 2.6s cubic-bezier(.45,0,.55,1) .7s infinite}.demo-orb:hover .demo-orb-body,.demo-orb:hover .demo-orb-shadow{animation-play-state:paused}@keyframes demo-orb-bob{0%,to{transform:translateY(0) scale(1.06,.94)}8%{transform:translateY(-1px) scale(.97,1.03)}50%{transform:translateY(-6px) scale(1)}90%{transform:translateY(-1px) scale(.98,1.02)}}@keyframes demo-orb-shadow{0%,to{transform:scale(1.08);opacity:.9}50%{transform:scale(.72);opacity:.45}}.demo-panel-in{animation:demo-panel-in .28s var(--demo-ease-out) both}.demo-panel-out{animation:demo-panel-out .2s var(--demo-ease-in) forwards}@keyframes demo-panel-in{0%{opacity:0;transform:scale(.94) translateY(8px)}}@keyframes demo-panel-out{to{opacity:0;transform:scale(.94) translateY(8px)}}.demo-shimmer{position:relative;overflow:hidden}.demo-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:translateX(-100%);animation:demo-shimmer .8s linear infinite}.demo-type{animation:demo-type .2s linear both}.demo-check-pop{animation:demo-pop-0 .22s var(--demo-ease-spring) both}.demo-dot-pop{animation:demo-pop-0 .2s var(--demo-ease-spring) both}.demo-spin{animation:demo-spin .9s linear infinite}@keyframes demo-shimmer{to{transform:translateX(100%)}}@keyframes demo-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes demo-pop-0{0%{opacity:0;transform:scale(0)}}@keyframes demo-spin{to{transform:rotate(1turn)}}.demo-attn{animation:demo-attn 2.5s ease-in-out .45s infinite}.demo-attn:focus-visible,.demo-attn:hover{animation-play-state:paused}@keyframes demo-attn{0%,18%,to{transform:translateX(0)}3%{transform:translateX(-3px)}6%{transform:translateX(3px)}9%{transform:translateX(-2px)}12%{transform:translateX(2px)}15%{transform:translateX(-1px)}}@media (prefers-reduced-motion:reduce){.demo-badge-pop,.demo-ball-in,.demo-check-pop,.demo-done-in,.demo-dot-pop,.demo-intro-in,.demo-menu-in,.demo-panel-in,.demo-pin-in,.demo-ring,.demo-row-in,.demo-tile-pop,.demo-tip-in-bottom,.demo-tip-in-left,.demo-type{animation:demo-fade-in .12s linear both}.demo-menu-out,.demo-modal-out,.demo-panel-out,.demo-tip-out{animation:demo-fade-out .12s linear forwards}.demo-attn,.demo-orb-body,.demo-orb-shadow,.demo-ring:after,.demo-shimmer:after,.demo-spin{animation:none}}@keyframes demo-fade-in{0%{opacity:0}}.demo-mobile-tip{display:none}@media (max-width:768px){.demo-stage{display:none}.demo-mobile-tip{display:flex}}.demo-cursor-ripple{opacity:0;transform:translate(-50%,-50%) scale(.4);animation:demo-cursor-ripple .42s ease-out both}@keyframes demo-cursor-ripple{0%{opacity:.45;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}