.BaseSelect {
  /* */
}

.BaseSelectTrigger {
  @apply flex;
  @apply h-10;
  @apply w-full;
  @apply items-center;
  @apply justify-between;
  @apply rounded-md;
  @apply border;
  @apply border-input;
  @apply bg-background;
  @apply px-3;
  @apply py-2;
  @apply text-sm;
  @apply ring-offset-background;
  @apply placeholder:text-muted-foreground;
  @apply focus:outline-none;
  @apply focus:ring-2;
  @apply focus:ring-ring;
  @apply focus:ring-offset-2;
  @apply disabled:cursor-not-allowed;
  @apply disabled:opacity-50;
}

.BaseSelectIcon svg {
  @apply size-4;
  @apply opacity-50;
}

.BaseSelectScrollUpButton {
  @apply flex;
  @apply cursor-default;
  @apply items-center;
  @apply justify-center;
  @apply py-1;
}

.BaseSelectScrollDownButton {
  @apply flex;
  @apply cursor-default;
  @apply items-center;
  @apply justify-center;
  @apply py-1;
}

.BaseSelectContent {
  @apply relative;
  @apply z-50;
  @apply max-h-96;
  @apply min-w-[8rem];
  @apply overflow-hidden;
  @apply rounded-md;
  @apply border;
  @apply bg-popover;
  @apply text-popover-foreground;
  @apply shadow-md;
  /* @apply data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2; */
}

.BaseSelectContentPopper {
  @apply data-[side=bottom]:translate-y-1;
  @apply data-[side=left]:-translate-x-1;
  @apply data-[side=right]:translate-x-1;
  @apply data-[side=top]:-translate-y-1;
}

.BaseSelectViewport {
  @apply p-1;
}

.BaseSelectViewportPopper {
  @apply h-[var(--radix-select-trigger-height)];
  @apply w-full;
  @apply min-w-[var(--radix-select-trigger-width)];
}

.BaseSelectLabel {
  @apply py-1.5;
  @apply pl-8;
  @apply pr-2;
  @apply text-sm;
  @apply font-semibold;
}

.BaseSelectItem {
  @apply relative;
  @apply flex;
  @apply w-full;
  @apply cursor-default;
  @apply select-none;
  @apply items-center;
  @apply rounded-sm;
  @apply py-1.5;
  @apply pl-8;
  @apply pr-2;
  @apply text-sm;
  @apply outline-none;
  @apply focus:bg-accent;
  @apply focus:text-accent-foreground;
  @apply data-[disabled]:pointer-events-none;
  @apply data-[disabled]:opacity-50;
}

.BaseSelectItemIndicatorWrapper {
  @apply absolute;
  @apply left-2;
  @apply flex;
  @apply h-3.5;
  @apply w-3.5;
  @apply items-center;
  @apply justify-center;
}

.BaseSelectItemIndicatorIcon {
  @apply size-4;
}

.BaseSelectSeparator {
  @apply -mx-1;
  @apply my-1;
  @apply h-px;
  @apply bg-muted;
}
