.input {
  @apply flex-shrink;
  @apply h-12 px-4 text-sm leading-loose;
}
.input-group {
  @apply flex w-full items-stretch;
  > .input {
    @apply isolate;
  }
  > *,
  > .input,
  > .textarea,
  > .select {
    @apply rounded-none;
  }
  &-md {
    @apply text-sm leading-loose;
  }
  &-lg {
    @apply text-lg leading-loose;
  }
  &-sm {
    @apply text-sm leading-8;
  }
  &-xs {
    @apply text-xs leading-relaxed;
  }
  :where(span) {
    @apply flex items-center bg-base-300 px-4;
  }
  > :first-child {
    border-top-left-radius: var(--rounded-btn, 0.5rem);
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--rounded-btn, 0.5rem);
    border-bottom-right-radius: 0;
  }
  > :last-child {
    border-top-left-radius: 0;
    border-top-right-radius: var(--rounded-btn, 0.5rem);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: var(--rounded-btn, 0.5rem);
  }
  &-vertical {
    @apply flex-col;
    :first-child {
      border-top-left-radius: var(--rounded-btn, 0.5rem);
      border-top-right-radius: var(--rounded-btn, 0.5rem);
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    :last-child {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      border-bottom-left-radius: var(--rounded-btn, 0.5rem);
      border-bottom-right-radius: var(--rounded-btn, 0.5rem);
    }
  }
}
