@use 'exports' as *;

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

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

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

@layer mods {
	.switch-input {
		&:is(:checked) {
			@include checked;

			&:hover {
				@include checkedHover;
			}

			&:active {
				@include checkedActive;
			}
		}

		&:is(:hover) {
			@include hover;
		}

		&:is(:focus-visible) {
			@include focus;
		}

		&:is(:active) {
			@include active;
		}

		&:is([disabled], [readonly]) {
			@include disabled;

			&:is(:checked) {
				@include disabledChecked;
			}
		}
	}
}