@mixin input {
	display: block;
	margin-top: 0.25rem;
	font-size: 0.875rem;
	line-height: 1.25rem;
	border-radius: 0.375rem;
	border-color: #d1d5db;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);

	&:focus {
		border-color: #739bf2;
		--tw-ring-color: #a2bcf6;
		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
			var(--tw-ring-offset-width) var(--tw-ring-offset-color);
		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0
			calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
			var(--tw-shadow, 0 0 #0000);
		--tw-ring-opacity: 0.5;
	}
}
