.mnd-file-input svg[data-icon=cloud-upload]{width:3.125rem;height:3.125rem;display:block}.mnd-file-input svg .cloud-border{fill:var(--color-grey-800)}.mnd-file-input svg .cloud{fill:var(--color-grey-400)}.mnd-file-input svg .arrow{fill:var(--color-grey-800);transition:transform .2s ease-out,fill .2s ease-out;transform:translateY(0)}.mnd-file-input svg path{transition:fill .2s ease-out}.mnd-file-input--interactive:hover svg path{fill:var(--color-red-700)}.mnd-file-input--interactive:hover svg .cloud{fill:var(--color-red-500)}.mnd-file-input--interactive:hover svg .arrow{fill:var(--color-red-700);transform:translateY(-.12rem)}.mnd-file-input--interactive:active svg{transform:scale(.98)}.mnd-file-input--interactive:active svg .arrow{transition:none;transform:translateY(-.15rem)}.mnd-file-input--loading svg path{fill:var(--color-grey-800)}.mnd-file-input--loading svg .cloud{fill:var(--color-grey-400)}.mnd-file-input--loading svg .arrow{animation:1s infinite mnd-file-input-bounce}@keyframes mnd-file-input-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.25rem)}}