.root {
  @apply relative bg-accent-0 text-3xl w-full transition-colors duration-150;
}

.input {
  @apply bg-transparent py-3 appearance-none w-full transition duration-150 ease-in-out pr-14;
}

.input::placeholder {
  @apply text-accent-3;
}

.input:focus {
  @apply outline-none;
}

.iconContainer {
  @apply absolute inset-y-0 -right-4 lg:right-0 px-4 flex items-center pointer-events-none border-l border-r border-accent-9;
}

.icon {
  @apply h-6 lg:h-8 w-6 lg:w-8;
}

@screen sm {
  .input {
    min-width: 300px;
  }
}