input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea,
select,
.selectric-wrapper {
	@apply block w-full px-4 py-2 rounded-md border bg-[var(--rb-input-background-color)] border-[var(--rb-input-border-color)] focus:border-[var(--rb-input-focus-border-color)] text-xs h-10 shadow-none outline-none transition-all;
}

input.invalid-input {
	@apply border-[var(--rb-danger-color)] text-[var(--rb-danger-color)];
}

.checkbox {
	@apply flex items-center;
}

.checkbox label {
	@apply cursor-pointer text-sm px-1.5 text-[var(--rb-base-color)];
}

.checkbox input {
	@apply relative h-3.5 w-3.5 cursor-pointer appearance-none rounded-sm border border-[var(--rb-input-border-color)] transition-all checked:border-[var(--rb-first-color)] checked:bg-[var(--rb-first-color)];
}

.checkbox input:checked + label {
	@apply text-[var(--rb-base-color)];
}