.search-bar{position:relative;display:flex;align-items:center;width:100%}.search-input{width:100%;padding:12px 48px 12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;outline:none;transition:border-color .2s ease-in-out;background-color:var(--color-white)}.search-input:focus{border-color:var(--main-color);box-shadow:0 0 0 3px rgba(47,72,88,.1)}.search-input:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.6}.search-input::placeholder{color:#9ca3af;font-weight:400}.search-icon{position:absolute;right:16px;color:#6b7280;cursor:pointer;transition:color .2s ease-in-out}.search-input:focus+.search-icon{color:var(--main-color)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}