.demo-spark-scroll{animation:1s linear forwards demo-spark}@keyframes demo-spark{to{transform:translateX(calc(var(--dx) * -1px))}}.demo-breathe{animation:demo-breathe 1.6s var(--ease-enter,ease-out) 1}@keyframes demo-breathe{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--state-warn) 0%, transparent)}35%{box-shadow:0 0 0 5px color-mix(in srgb, var(--state-warn) 28%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--state-warn) 0%, transparent)}}.demo-fade{animation:.2s cubic-bezier(.23,1,.32,1) both demo-fade}@keyframes demo-fade{0%{opacity:0}to{opacity:1}}.demo-spin-once{animation:.6s cubic-bezier(.32,.72,0,1) both demo-spin-once}@keyframes demo-spin-once{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.demo-rise{animation:.35s cubic-bezier(.23,1,.32,1) both demo-rise;animation-delay:calc(var(--i,0) * 30ms)}@keyframes demo-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.demo-cascade{animation:.3s cubic-bezier(.32,.72,0,1) both demo-cascade;animation-delay:calc(var(--i,0) * 30ms)}@keyframes demo-cascade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.demo-collapse{animation:.35s cubic-bezier(.32,.72,0,1) forwards demo-collapse;display:grid}@keyframes demo-collapse{0%{opacity:1;grid-template-rows:1fr}to{opacity:0;grid-template-rows:0fr}}.demo-freed{animation:1.8s cubic-bezier(.23,1,.32,1) forwards demo-freed}@keyframes demo-freed{0%{opacity:0;transform:translateY(6px)scale(.96)}15%{opacity:1;transform:translateY(0)scale(1)}75%{opacity:1;transform:translateY(-14px)}to{opacity:0;transform:translateY(-22px)}}.demo-sweep{animation:.6s cubic-bezier(.65,0,.35,1) forwards demo-sweep}@keyframes demo-sweep{0%{opacity:1;transform:translate(0)}92%{opacity:1}to{transform:translateX(var(--sweep));opacity:0}}.demo-reveal{animation:.6s cubic-bezier(.65,0,.35,1) forwards demo-reveal}@keyframes demo-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.demo-press{animation:.3s ease-out demo-press}@keyframes demo-press{50%{scale:.82}}.demo-hint{animation:.4s cubic-bezier(.23,1,.32,1) both demo-hint}@keyframes demo-hint{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.demo-scroll{scrollbar-width:thin;scrollbar-color:var(--control-border) transparent}.demo-noscrollbar{scrollbar-width:none}@media (prefers-reduced-motion:reduce){.demo-root *,.demo-root :before,.demo-root :after{transition-property:opacity,color,background-color,border-color!important;animation:none!important}.demo-root .demo-reveal{clip-path:none}.demo-root .demo-collapse,.demo-root .demo-sweep{display:none}}.demo-frozen *,.demo-frozen :before,.demo-frozen :after{transition:none!important;animation:none!important}.demo-root .truncate{text-wrap-mode:nowrap}.demo-range{appearance:none;cursor:pointer;background:0 0;height:16px}.demo-range:disabled{cursor:default;opacity:.45}.demo-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--metric-cpu) var(--fill,50%), color-mix(in srgb, var(--control-selected) 60%, transparent) var(--fill,50%));border-radius:999px;height:4px}.demo-range::-moz-range-track{background:linear-gradient(to right, var(--metric-cpu) var(--fill,50%), color-mix(in srgb, var(--control-selected) 60%, transparent) var(--fill,50%));border-radius:999px;height:4px}.demo-range::-webkit-slider-thumb{appearance:none;background:var(--text-primary);border-radius:999px;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 3px #00000059}.demo-range::-moz-range-thumb{background:var(--text-primary);border:0;border-radius:999px;width:14px;height:14px}.demo-range-pulse::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--feature-pulse) var(--fill,50%), color-mix(in srgb, var(--control-selected) 60%, transparent) var(--fill,50%))}.demo-range-pulse::-moz-range-track{background:linear-gradient(to right, var(--feature-pulse) var(--fill,50%), color-mix(in srgb, var(--control-selected) 60%, transparent) var(--fill,50%))}.demo-ping{animation:.45s cubic-bezier(.23,1,.32,1) both demo-ping}@keyframes demo-ping{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.demo-range:focus-visible{outline:2px solid var(--metric-cpu);outline-offset:2px;border-radius:999px}