.demo-root{overscroll-behavior:none}.demo-caret{animation:1s step-end infinite demo-caret}@keyframes demo-caret{0%,45%{opacity:1}50%,to{opacity:0}}.demo-ripple{width:0;height:0;position:absolute;top:0;left:0}.demo-ripple>span{pointer-events:none;background:radial-gradient(circle,#fbf9f647 0%,#c9506f2e 55%,#0000 72%);border:1.5px solid #fbf9f6b3;border-radius:9999px;width:46px;height:46px;position:absolute;top:3px;left:3px}.demo-spot{transition:left .36s cubic-bezier(.22,1,.36,1),top .36s cubic-bezier(.22,1,.36,1),width .36s cubic-bezier(.22,1,.36,1),height .36s cubic-bezier(.22,1,.36,1);animation:2.4s ease-in-out infinite demo-spot;box-shadow:0 0 0 2px #c9506fd9,0 0 0 7px #c9506f2e,0 0 34px 4px #8a1f4359;box-shadow:0 0 0 2px lab(51.5075% 50.9268 8.52822/.85),0 0 0 7px lab(51.5075% 50.9268 8.52822/.18),0 0 34px 4px lab(31.7551% 46.6226 6.51848/.35)}@keyframes demo-spot{0%,to{opacity:1}50%{opacity:.72}}.demo-upload{transform-origin:0;width:100%;animation:1.1s cubic-bezier(.4,0,.2,1) both demo-upload}@keyframes demo-upload{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.demo-upload-done{animation:.3s ease-out 1.05s both demo-fade}.demo-pop{animation:.6s cubic-bezier(.22,1,.36,1) .35s backwards demo-pop}@keyframes demo-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.demo-fade-in{animation:.32s ease-out both demo-fade}@keyframes demo-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.demo-caret,.demo-spot,.demo-upload,.demo-upload-done,.demo-pop,.demo-fade-in{animation:none}.demo-spot{transition:none}}