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

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

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

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

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

}