/**
 * prompty-search.css : shared search field component.
 * Applied by prompty-search.js to any input with class .prompty-search or attr data-prompty-search.
 */
.ps-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.ps-wrap > input {
  padding-left: 30px !important;
  padding-right: 28px !important;
}
.ps-icon {
  position: absolute; left: 9px; top: 50%; transform: translateY(-50%);
  color: var(--text-muted, #6b6b74); pointer-events: none;
  display: inline-flex; align-items: center; justify-content: center;
}
.ps-clear {
  position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
  width: 18px; height: 18px; border-radius: 50%;
  background: transparent; border: none; cursor: pointer;
  color: var(--text-muted, #6b6b74); font-size: 14px; line-height: 1;
  padding: 0; display: none; align-items: center; justify-content: center;
  transition: color .15s, background .15s;
  font-family: inherit;
}
.ps-clear:hover { color: #fca5a5; background: rgba(239,68,68,0.12); }
.ps-clear.ps-visible { display: inline-flex; }