@use 'exports' as *;

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

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

		&.mod-unkillable {
			@include unkillable;
		}

		&.mod-clickable {
			@include clickable;
		}

		&.is-disabled {
			@include disabled;
		}

		&:has(.chip-content:focus-visible) {
			@include focusVisible;
		}

		&.mod-product {
			@include product;
		}
	}
}