/**
 * SELECT COMPONENT
 *
 *
*/
@layer components {
    .n7-select-field:where(:not(.n7-field-inline)) {
        @apply gap-1;
    }

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

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

    :where(.n7-select-field--sm) .n7-input-field__label {
        @apply n7-body-xs;
    }

    :where(.n7-select-field--lg) .n7-input-field__label {
        @apply n7-body-lg;
    }

}