.file-input {
  &-xs {
    @apply h-6 pe-2 text-xs leading-relaxed;
    &::file-selector-button {
      @apply mr-2;
      font-size: 0.75rem;
    }
  }
  &-sm {
    @apply h-8 pe-3 text-sm leading-loose;
    &::file-selector-button {
      @apply mr-3;
      font-size: 0.875rem;
    }
  }
  &-md {
    @apply h-12 pe-4 text-sm leading-loose;
    &::file-selector-button {
      @apply mr-4;
      font-size: 0.875rem;
    }
  }
  &-lg {
    @apply h-16 pe-6 text-lg leading-loose;
    &::file-selector-button {
      @apply mr-6;
      font-size: 1.125rem;
    }
  }
}
