@layer components {
	:where(
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="url"],
	input[type="date"],
	input[type="time"],
	input[type="week"],
	input[type="datetime"],
	input[type="datetime-local"]) {
		padding: .75rem 1rem;
		font-size: 1rem;
	}

	:where(
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="url"],
	input[type="date"],
	input[type="time"],
	input[type="week"],
	input[type="datetime"],
	input[type="datetime-local"]):focus {

	}

	:where(
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="url"],
	input[type="date"],
	input[type="time"],
	input[type="week"],
	input[type="datetime"],
	input[type="datetime-local"]):is([required], [required="true"], [required="required"]):not([required="false"]) {

	}

	:where(
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="url"],
	input[type="date"],
	input[type="time"],
	input[type="week"],
	input[type="datetime"],
	input[type="datetime-local"]):is(.error, [required], [required="true"], [required="required"]):not([required="false"]):not(:valid) {

	}
}