.bio-search { position: relative; display: flex; align-items: center; width: 100%; max-width: 420px; margin: 0 0 20px; }
.bio-search .bio-search-icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; color: #667085; pointer-events: none; }
.bio-search .bio-search-input { width: 100%; height: 44px; padding: 0 16px 0 42px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 15px; color: #181c27; background: #ffffff; border: 1px solid #e6e8f0; border-radius: 12px; outline: none; transition: border-color .15s, box-shadow .15s; }
.bio-search .bio-search-input::placeholder { color: #667085; }
.bio-search .bio-search-input:focus { border-color: #5b3fd6; box-shadow: 0 0 0 3px rgba(91, 63, 214, 0.12); }
.bio-search-empty { display: block; margin: 0 0 20px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 14px; color: #667085; }
.bio-search-empty[hidden] { display: none; }
@media (max-width: 768px) {
  .bio-search { max-width: 100%; }
}