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

    .n7-input-radio__label {
        @apply text-base font-medium;
    }

    /* SIZES */

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

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

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

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