.select select {
  z-index: 1;
  @apply flex w-full py-3 pl-4 pr-12 m-0 bg-transparent border-0 outline-none appearance-none cursor-pointer;
}

.select {
  @apply relative flex p-0 cursor-pointer;
}

fieldset[disabled] .select {
  @apply pointer-events-none;
}

.caret {
  @apply absolute right-0 flex items-center h-full pointer-events-none px-3.5 rounded-tr rounded-br;
}

.select select:focus + .focus {
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border-width: 3px;

  @apply absolute border-solid rounded border-blue-80 dark:border-yellow-80;
}
