.drop-zone{--dropzone-icon-color:#dcdcdc;--dropzone-focus-icon-color:#acaead;align-items:center;background-color:#fafafa;border:2px dashed #f3f3f3;border-radius:16px;display:flex;flex-direction:column;justify-content:center;outline:none;padding:32px 16px;position:relative;text-align:center;transition:border-color .3s}.drop-zone.is-clickable:hover,.drop-zone:focus-visible{border-color:#dcdcdc}.drop-zone.is-clickable:hover [data-draggable-action-icon],.drop-zone:focus-visible [data-draggable-action-icon]{fill:var(--dropzone-focus-icon-color)}.drop-zone.is-dragged{border-color:#00ac5480}.drop-zone.is-dragged [data-draggable-action]{color:#00ac54}.drop-zone.is-dragged [data-draggable-action-icon]{fill:#00ac54}.drop-zone.is-clickable{cursor:pointer}.drop-zone [data-draggable-action]{transition:color .3s}.drop-zone [data-draggable-action-icon]{fill:var(--dropzone-icon-color);transition:fill .3s}