.command {
  @apply bg-background/80 text-muted-foreground flex h-full w-full flex-col overflow-hidden rounded-md text-left;

  &-modal-content {
    @apply overflow-hidden p-0;
    > .modal-close {
      top: 12px;
    }
  }

  &-input-wrapper {
    @apply border-border flex items-center border-b px-3;
  }

  &-input {
    @apply placeholder:text-muted-foreground flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50;
  }

  &-search-icon {
    @apply mr-2 h-4 w-4 shrink-0 opacity-50;
  }

  &-list {
    @apply max-h-[300px] overflow-y-auto overflow-x-hidden py-2;
  }

  &-list-item {
    @apply text-foreground aria-selected:bg-secondary relative flex cursor-pointer select-none items-center rounded-md px-2 py-2 text-sm outline-none;
  }

  &-empty {
    @apply py-6 text-center text-sm;
  }

  &-group {
    @apply text-muted-foreground overflow-hidden p-1 px-2 py-1.5 text-xs font-medium;
    > [cmdk-group-heading] {
      @apply mb-2 pl-2;
    }
  }

  &-sc {
    @apply text-muted-foreground ml-auto text-xs tracking-widest;
  }
}
