.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::placeholder{color:#9ca3af;font-weight:400}.search-icon{position:absolute;right:16px;color:#6b7280;pointer-events:none;transition:color .2s ease-in-out}.search-input:focus+.search-icon{color:var(--main-color)}