.trait-filter-bar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.trait-filter-bar__search{flex:1;min-width:200px;max-width:280px;position:relative}.trait-filter-bar__search-icon{color:#6b7280;pointer-events:none;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.trait-filter-bar__search-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.375rem;width:100%;padding:.5rem .875rem .5rem 2.5rem;font-size:.875rem;transition:border-color .2s,background-color .2s}.trait-filter-bar__search-input::placeholder{color:#6b7280}.trait-filter-bar__search-input:focus{background:#ffffff14;border-color:#d946ef80;outline:none}@media (max-width:640px){.trait-filter-bar{flex-direction:column;align-items:stretch}.trait-filter-bar__search{max-width:none}}