.SearchBar-module__KdGN3G__searchContainer{align-items:center;width:100%;max-width:400px;display:flex;position:relative}.SearchBar-module__KdGN3G__searchInput{color:#8f866f;border:1px solid #8f866f;border-radius:24px;width:100%;padding:12px 40px 12px 16px;font-size:16px;transition:border-color .2s}.SearchBar-module__KdGN3G__searchIcon{color:#8f866f;pointer-events:none;opacity:1;width:20px;height:20px;transition:opacity .2s;position:absolute;right:12px}.SearchBar-module__KdGN3G__searchInput:focus{border-color:#8f866f;outline:none;box-shadow:0 0 0 2px #8f866f1a}.SearchBar-module__KdGN3G__searchInput::placeholder{color:#8f866f}.SearchBar-module__KdGN3G__clearButton{cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .2s;display:flex;position:absolute;right:12px}.SearchBar-module__KdGN3G__clearButton:hover{opacity:1}.SearchBar-module__KdGN3G__clearButton svg{width:16px;height:16px}@media (max-width:768px){.SearchBar-module__KdGN3G__searchContainer{margin:5px auto}.SearchBar-module__KdGN3G__searchInput{padding:10px 36px 10px 12px;font-size:14px}}