.dropzone{transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.dropzone:hover,.dropzone:focus-visible{border-color:var(--green);background:var(--green2);outline:none}.dropzone.dragging{border-color:var(--green);background:var(--green2);box-shadow:0 0 0 4px rgba(44,92,220,.15);transform:scale(1.01)}.dropzone.has-file{border-style:solid;border-color:#8ec6a5;background:var(--success2)}.dropzone.has-file span{color:var(--success)}.dropzone.invalid{border-color:var(--red);background:var(--red2)}