.input {
  @apply bg-base-100 rounded-btn border border-transparent text-base;
  input {
    @apply bg-primary bg-transparent;
    &:focus {
      @apply outline-none;
    }
  }
  &[list]::-webkit-calendar-picker-indicator {
    line-height: 1em;
  }
  &-bordered {
    @apply border-base-content/20;
  }
  &:focus,
  &:focus-within {
    box-shadow: none;
    @apply border-base-content/20 outline-base-content/20 outline outline-2 outline-offset-2;
  }
  &-ghost {
    @apply bg-opacity-5;
    &:focus,
    &:focus-within {
      @apply text-base-content bg-opacity-100;
      box-shadow: none;
    }
  }
  &-primary {
    @apply border-primary;
    &:focus,
    &:focus-within {
      @apply outline-primary border-primary;
    }
  }
  &-secondary {
    @apply border-secondary;
    &:focus,
    &:focus-within {
      @apply outline-secondary border-secondary;
    }
  }
  &-accent {
    @apply border-accent;
    &:focus,
    &:focus-within {
      @apply outline-accent border-accent;
    }
  }
  &-info {
    @apply border-info;
    &:focus,
    &:focus-within {
      @apply outline-info border-info;
    }
  }
  &-success {
    @apply border-success;
    &:focus,
    &:focus-within {
      @apply outline-success border-success;
    }
  }
  &-warning {
    @apply border-warning;
    &:focus,
    &:focus-within {
      @apply outline-warning border-warning;
    }
  }
  &-error {
    @apply border-error;
    &:focus,
    &:focus-within {
      @apply outline-error border-error;
    }
  }
  &-disabled,
  &:disabled,
  &[disabled] {
    @apply border-base-200 bg-base-200 placeholder-base-content text-base-content/40 cursor-not-allowed placeholder-opacity-20;
  }
  /* &::-webkit-calendar-picker-indicator {
    display: none;
  } */
  &::-webkit-date-and-time-value {
    text-align: inherit;
  }
}
