.search-input{flex-direction:column;gap:16px;width:100%;max-width:680px;display:flex}.search-input__input-container{position:relative}.search-input__wrapper{box-sizing:border-box;background-color:#fff;border:1px solid #e5edf3;border-radius:8px;align-items:center;gap:8px;height:50px;padding:12px 20px;transition:border .2s,border-radius .2s,padding .2s;display:flex}.search-input__wrapper:focus-within{border-color:#0071eb;padding:12px 16px}.search-input__wrapper--dropdown-open{transition:none;border-radius:8px 8px 0 0!important}.search-input__wrapper--dropdown-open:focus-within{border-color:#ccdbe7}.search-input__wrapper--error,.search-input__wrapper--error:focus-within{border-color:#ff4a4a}.search-input__field{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.search-input__input{font-family:var(--Font_family-Body);color:#002247;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:16px;font-weight:400;line-height:22px}.search-input__input::placeholder{color:#8c8c8c}.search-input__dropdown{box-sizing:border-box;z-index:10;scrollbar-gutter:stable;background-color:#fff;border:1px solid #ccdbe7;border-top-color:#e5edf3;border-radius:0 0 8px 8px;flex-direction:column;margin-top:-1px;padding:8px;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:scroll}.search-input__dropdown::-webkit-scrollbar{width:6px}.search-input__dropdown::-webkit-scrollbar-track{background:0 0}.search-input__dropdown::-webkit-scrollbar-thumb{background-color:#002247;border-radius:3px}.search-input__dropdown::-webkit-scrollbar-thumb:hover{background-color:#8c8c8c}.search-input__dropdown-item{cursor:pointer;font-family:var(--Font_family-Body);color:#8c8c8c;text-align:left;background-color:#fff;border:none;border-radius:4px;padding:4px 12px;font-size:14px;font-weight:400;line-height:20px;transition:background-color .15s,color .15s}.search-input__dropdown-item--hover{color:#fff;background-color:#0071eb;font-weight:500}.search-input__message{margin:4px 0;position:absolute;top:110%;left:0;right:0}.search-input__loading{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.search-input__spinner{border:2px solid #e5edf3;border-top-color:#0071eb;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}