Is there a way to change the color of css.seperator when css.searchBarInput is focused?
Here's the HTML code for reference:
<div className={css.searchBarBase}>
<div className={css.searchBarFirstDiv}>
<label className={css.searchBarDivContent} htmlFor="location-search-input">
<div className={css.searchBarHeadingFont}>Location</div>
<input
id="location-search-input"
className={css.searchBarInput}
/>
</label>
</div>
<div className={css.seperator}/>
</div>
This is what I tried so far:
.searchBarBase > div:focus-within + div {
opacity: 0;
}