@use 'exports' as *;

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

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

		&.mod-XS {
			@include XS;
		}

		&.is-loading {
			@include loading;

			&.mod-S {
				@include loadingS;
			}

			&.mod-XS {
				@include loadingXS;
			}
		}

		&:focus-within {
			@include focusVisible;
		}
	}
}