:host {
  @apply flex flex-row bg-white;
  box-shadow: 0px 6px 24px rgba(206, 212, 219, 0.8);
  border-radius: 5px;
}

input {
  @apply py-4 px-4 outline-none h-14 font-bold text-lg flex-grow flex-shrink;
  border-radius: 5px;
}

.actions {
  @apply flex flex-row;
}

button.search {
  @apply grid items-center justify-center text-center bg-brand text-white px-4 py-4 rounded-lg;
}

button.clear {
  @apply grid items-center justify-center px-4 py-5 rounded-lg;
  color: #1f466c;
}

button:disabled {
  @apply bg-disabled-branch cursor-not-allowed;
}

::placeholder {
  @apply font-bold text-lg;
  color: #596470;
}
