.nova-form__dropzone{--dropzone__area__border-color:#ccc;--dropzone__area__background:transparent;--dropzone__area__color:inherit;--dropzone__area--dragover__border-color:#4a90d9;--dropzone__area--dragover__background:var(--dropzone__area__background);--dropzone__area--dragover__color:var(--dropzone__area--dragover__border-color);--dropzone__area--invalid__border-color:#d94a4a;--dropzone__area--focus__outline-color:currentColor;--dropzone__area__border-radius:0px;--dropzone__file__background:#fff;--dropzone__file__color:inherit;--dropzone__file__border-color:#ccc;display:flex;flex-direction:column;gap:.75rem;--dropzone__area__border-color:var(--cs__form__input__outline);--dropzone__area__background:var(--cs__form__input__bg);--dropzone__area__color:var(--cs__form__input__color);--dropzone__area--dragover__border-color:var(--cs__primary__fg--accent);--dropzone__area--focus__outline-color:var(--cs__form__input__outline);--dropzone__file__background:var(--cs__decoration__bg);--dropzone__file__color:var(--cs__decoration__fg--minor);--dropzone__file__border-color:transparent}.nova-form__dropzone__area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:8rem;padding:1.5rem;border:2px dashed var(--dropzone__area__border-color);background:var(--dropzone__area__background);color:var(--dropzone__area__color);border-radius:var(--dropzone__area__border-radius);text-align:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.nova-form__dropzone__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nova-form__dropzone__text{font-size:1rem}.nova-form__dropzone__hint{font-size:.75rem;opacity:.7}.nova-form__dropzone__count{font-size:.875rem}.nova-form__dropzone__count:empty{display:none}.nova-form__dropzone__files{display:flex;flex-wrap:wrap;gap:.5rem}.nova-form__dropzone__files:empty{display:none}.nova-form__dropzone__file{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;max-width:100%;background:var(--dropzone__file__background);color:var(--dropzone__file__color);border:1px solid var(--dropzone__file__border-color);border-radius:var(--dropzone__area__border-radius);font-size:.875rem}.nova-form__dropzone__error{color:var(--dropzone__area--invalid__border-color);font-size:.875rem}.nova-form__dropzone__error:empty{display:none}.nova-form__dropzone__file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nova-form__dropzone__remove{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:0;background:transparent;color:inherit;font-size:1.5rem;line-height:1;cursor:pointer}.nova-form__dropzone--dragover .nova-form__dropzone__area{border-color:var(--dropzone__area--dragover__border-color);background-color:var(--dropzone__area--dragover__background);color:var(--dropzone__area--dragover__color)}.nova-form__dropzone--invalid .nova-form__dropzone__area{border-color:var(--dropzone__area--invalid__border-color)}.nova-form__dropzone label:focus-visible{outline:2px solid var(--dropzone__area--focus__outline-color);outline-offset:2px}body.rounded-borders .nova-form__dropzone{--dropzone__area__border-radius:var(--layout-border-radius)}