/**
 * INPUT
 * 
 *
*/
@layer components {
    .n7-input-checkbox input[type="checkbox"] {
        @apply w-5 h-5 n7-border-input rounded;
    }

    .n7-input-checkbox__label {
        @apply text-base font-medium cursor-pointer;
    }

    /* SIZES */

    .n7-input--sm input[type="checkbox"] {
        @apply w-4 h-4;
    }

    :where(.n7-input--sm) .n7-input-checkbox__label {
        @apply text-sm;
    }

    .n7-input--lg input[type="checkbox"] {
        @apply w-6 h-6;
    }


    .has-error input[type="checkbox"]{
        @apply n7-border-error-dark border-2;
    }
}