.dropzone{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:12px;border:1px dashed var(--fargerneutral-7);background:transparent;padding:10px 0;cursor:pointer}.dropzone.disabled{opacity:.5;pointer-events:none}.dropzone.dragging{animation:draggingAnimation 3s ease-in-out 0s infinite;transform:rotate(0deg)}@keyframes draggingAnimation{10%,90%{transform:rotate(.5deg)}20%,80%{transform:rotate(-.25deg)}30%,50%,70%{transform:rotate(.5deg)}40%,60%{transform:rotate(-.75deg)}}.dropzone *{pointer-events:none}.delete-icon{position:absolute;top:5px;right:5px;z-index:1}.delete-icon,.delete-icon *{pointer-events:all}.dropzone-label{font:var(--label-medium-blod);color:var(--spblue-11-0)}.dropzone .dropzone-text{color:var(--fargerneutral-7);font:var(--body2-regular)}.upload-icon{max-width:42px;max-height:42px;min-width:28px;min-height:28px;height:30%;width:auto}.upload-icon.default,.upload-icon.loading{fill:var(--spblue-spaqua-7)}.dropzone:hover .upload-icon{fill:var(--spblue-spaqua-5)}.upload-icon.success{fill:var(--fargergreen-7)}.dropzone:hover .upload-icon.success{fill:var(--fargergreen-5)}.upload-icon.error{fill:var(--fargerred-7)}.dropzone:hover .upload-icon.error{fill:var(--fargerred-5)}