@keyframes hero-rise{0%{transform:translateY(16px)}to{transform:none}}@keyframes stage-rise{0%{opacity:0}to{opacity:1}}.hero-rise{animation:.6s cubic-bezier(.16,1,.3,1) both hero-rise}.hero-rise-1{animation-delay:80ms}.hero-rise-2{animation-delay:.16s}.stage-rise{animation:.6s cubic-bezier(.16,1,.3,1) .4s both stage-rise}.demo-noscroll{scrollbar-width:none;-ms-overflow-style:none}.demo-noscroll::-webkit-scrollbar{display:none}.demo-fade-bottom{-webkit-mask-image:linear-gradient(#000 calc(100% - 64px),#0000);mask-image:linear-gradient(#000 calc(100% - 64px),#0000)}.demo-fade-x{-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 24px),#0000)}@keyframes demo-beckon{0%{box-shadow:0 0 #e2336fbf}14%{box-shadow:0 0 0 9px #e2336f00}15%{box-shadow:0 0 #e2336f99}30%{box-shadow:0 0 0 9px #e2336f00}to{box-shadow:0 0 #e2336f00}}.demo-beckon{position:relative}.demo-beckon:after{content:"";border-radius:inherit;pointer-events:none;animation:3.2s cubic-bezier(.16,1,.3,1) 1.8s infinite demo-beckon;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.demo-beckon:after{animation:none}}.demo-fade-y{-webkit-mask-image:linear-gradient(#0000,#000 14px calc(100% - 64px),#0000);mask-image:linear-gradient(#0000,#000 14px calc(100% - 64px),#0000)}.demo-fade-r{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 56px),#0000);mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 56px),#0000)}.demo-fade-dock{-webkit-mask-image:linear-gradient(#000 calc(100% - 44px),#0000);mask-image:linear-gradient(#000 calc(100% - 44px),#0000)}@keyframes demo-row-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.demo-row-in{animation:.22s linear both demo-row-in}@keyframes demo-bar-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.demo-bar{transform-origin:0}.demo-bar-grow{animation:.14s linear both demo-bar-in}@keyframes demo-hl{0%,70%{background-color:var(--blush);box-shadow:inset 0 0 0 1.5px var(--pink)}to{background-color:#0000;box-shadow:inset 0 0 #0000}}.demo-hl{animation:1.6s linear both demo-hl}@keyframes demo-badge-bump{0%{transform:scale(1)}35%{transform:scale(1.18)}to{transform:scale(1)}}.demo-bump{animation:.42s cubic-bezier(.3,1.25,.5,1) both demo-badge-bump}@keyframes demo-drop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.demo-drop{animation:.42s cubic-bezier(.16,1,.3,1) both demo-drop}@keyframes demo-fade{0%{opacity:0}to{opacity:1}}.demo-fade{animation:.26s ease-out both demo-fade}@keyframes demo-pop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}.demo-pop{animation:.6s cubic-bezier(.3,1.25,.5,1) both demo-pop}@keyframes demo-filed{0%{transform:scale(1);box-shadow:0 0 #e2336f00,0 0 #e2336f00}18%{box-shadow:0 0 0 3px var(--pink), 0 0 12px 2px #e2336f99;transform:scale(1.03)}60%{box-shadow:0 0 0 3px var(--pink), 0 0 8px 1px #e2336f59;transform:scale(1)}to{transform:scale(1);box-shadow:0 0 #e2336f00,0 0 #e2336f00}}.demo-filed{animation:1.2s cubic-bezier(.16,1,.3,1) .28s backwards demo-filed}@keyframes demo-tick{0%{opacity:0;transform:translateY(70%)}to{opacity:1;transform:none}}.demo-tick{animation:.42s cubic-bezier(.3,1.25,.5,1) .38s both demo-tick}@keyframes demo-dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.demo-dots>span{animation:1.1s ease-in-out infinite demo-dot;display:inline-block}.demo-dots>span:nth-child(2){animation-delay:.16s}.demo-dots>span:nth-child(3){animation-delay:.32s}@keyframes demo-nudge{0%,to{transform:translateY(0)}30%{transform:translateY(5px)}55%{transform:translateY(0)}75%{transform:translateY(3px)}}.demo-nudge{animation:1.2s cubic-bezier(.3,1.25,.5,1) 2 demo-nudge}@keyframes demo-star{0%{opacity:0;transform:translate(var(--fx,0px), var(--fy,0px)) scale(.4)}to{opacity:1;transform:none}}.demo-star{animation:.7s cubic-bezier(.16,1,.3,1) both demo-star}@keyframes demo-glow{0%,to{filter:drop-shadow(0 0 10px #e2336f8c)}50%{filter:drop-shadow(0 0 22px #e2336fd9)}}.demo-glow{animation:1.6s ease-in-out infinite demo-glow}@keyframes demo-caret{0%,to{opacity:1}50%{opacity:0}}.demo-mark{background:var(--pink);color:var(--on-pink);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;margin:0 -1px;padding:0 1px}@keyframes demo-swap{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:none}}.demo-swap{animation:.6s cubic-bezier(.3,1.25,.5,1) both demo-swap}@keyframes demo-dock-in{0%{transform:translateY(110%)}to{transform:none}}.demo-dock-in{animation:.42s cubic-bezier(.16,1,.3,1) both demo-dock-in}.demo-ghost{z-index:60;pointer-events:none;white-space:nowrap;background:var(--dim);color:color-mix(in srgb, var(--ink) 70%, transparent);font-family:var(--font-system);will-change:transform, opacity;border-radius:8px;padding:0 10px;font-size:13px;line-height:30px;position:fixed;overflow:hidden}
