.auth-field {
    @apply relative flex items-center
}

.auth-field-icon {
    @apply w-6 h-6 absolute left-4
}

.auth-field-input {
    @apply w-full py-3 pl-14 pr-3 block outline-none border border-c-black rounded-lg text-base font-medium text-gray-500 duration-150
}
.auth-field-input::placeholder {
    @apply text-c-black
}
.auth-field-input:focus {
    @apply border-transparent outline outline-offset-0 outline-2 outline-c-blue
}


.auth-check {
    @apply w-6 h-6 block border rounded border-c-black
}
.input-remember:checked + .auth-checkbox > .auth-check {
    @apply bg-c-blue border-c-blue
}

.checkbox-label {
    @apply sm:text-base text-xs font-medium text-[#C2C2C2]
}
.input-remember:checked + .auth-checkbox > .checkbox-label {
    @apply text-c-black
}