/**
 * SELECT COMPONENT
 *
 *
*/
@layer components {
    .n7-select {
        @apply flex items-center relative;
    }
    
    :where(.n7-select) select {
        @apply w-full h-11 n7-input-placeholder n7-content-placeholder py-2 pl-3 pr-10 border rounded-lg text-sm font-semibold;
    }
    
    /* Error */
    .n7-select.has-error select,
    .is-invalid .n7-select select {
        @apply border-2 n7-border-error-dark;
    }

    /* Sizes */
    :where(.n7-select--sm) select {
        @apply h-8 py-0.5 pl-2 pr-8 bg-[right_0.25rem_center];
    }

    :where(.n7-select--lg) select {
        @apply h-14 py-3 pl-3 pr-12 bg-[right_0.75rem_center];
    }

    /* Select light */
    :where(.n7-select--light) select {
        @apply rounded-none border-t-0 border-r-0 border-l-0;
    }
}