@use 'exports' as *;

.fileUpload {
	@layer components {
		@include vars;
		@include component;
	}

	@layer mods {
		&.mod-dropzone {
			@include dropzone;
		}

		&.mod-structure {
			@include structure;
		}

		&.mod-S {
			@include S;

			&.is-loading {
				@include loadingS;
			}
		}

		&:hover {
			@include hover;
		}

		&.is-loading {
			@include loading;
		}

		&.is-hidden {
			@include hidden;
		}

		&.is-success {
			@include success;
		}

		&.is-error {
			@include error;

			&:hover {
				@include errorHover;
			}
		}

		&.is-droppable {
			@include droppable;
		}
	}
}
