@use 'exports' as *;

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

	@layer mods {
		// .mod-grey is deprecated
		&.mod-neutral,
		&.mod-grey {
			@include neutral;
		}

		&.mod-withArrow {
			@include withArrow;
		}

		// .mod-toggle is deprecated
		&.mod-toggle {
			@include toggle;
		}
	}
}

.box-arrow {
	@layer components {
		@include arrow;
	}
}