@keyframes ping-ring-pulse{0%{box-shadow:0 0 0 0 var(--ping-color)}to{box-shadow:0 0 0 var(--ping-spread,50px) transparent}}.upload-ring{position:absolute;top:50%;left:50%;transform-origin:center;transform:scale(var(--upload-ring-initial-scale,.7));transition:transform var(--upload-ring-expand-dur,.55s) cubic-bezier(.22,1,.36,1);transition-delay:var(--upload-ring-expand-delay,0s);will-change:transform}[data-upload-active=true] .upload-ring{transform:scale(1)}.upload-ring-spin{width:100%;height:100%;transform:rotate(0deg);transform-origin:center}[data-upload-active=true] .upload-ring-spin{animation:upload-ring-spin var(--upload-ring-spin-dur,48s) linear infinite;animation-delay:var(--upload-ring-spin-delay,.9s);will-change:transform}@keyframes upload-ring-spin{to{transform:rotate(var(--upload-ring-spin-target,1turn))}}.upload-file-drag{opacity:0;transform:translate3d(var(--upload-file-drag-distance,140px),0,0);transition:opacity var(--upload-file-drag-dur,.75s) cubic-bezier(.16,1,.3,1),transform var(--upload-file-drag-dur,.75s) cubic-bezier(.16,1,.3,1);transition-delay:var(--upload-file-drag-delay,.12s);will-change:opacity,transform}[data-upload-active=true] .upload-file-drag{opacity:1;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.upload-ring{transition:none;transform:scale(1)}[data-upload-active=true] .upload-ring-spin{animation:none}.upload-file-drag{transition:none;transform:translateZ(0);opacity:1}}