@use 'exports' as *;

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

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

		&.mod-icon {
			@include icon;
		}

		&:is(.is-droppable, .droppable) {
			@include legacyDroppable;
		}

		&:is(.is_disabled, .is-disabled, .disabled) {
			@include legacyDisabled;
		}
	}
}

@layer mods {
	.file-input {
		&:is(:disabled) {
			@include disabled;
		}

		&:is(.is-droppable, .droppable) {
			@include droppable;
		}

		&:is(.is-uploading, .uploading) {
			@include uploading;
		}

		&:is(.is-uploaded, .uploaded) {
			@include uploaded;
		}

		&:is([aria-invalid='true']) {
			@include invalid;
		}
	}
}