@keyframes SearchBar_fadeIn__hDtnb{0%{opacity:0}to{opacity:1}}@keyframes SearchBar_slideUp__5xlhd{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.SearchBar_searchBar__GUfa0{position:relative;display:flex;align-items:center;width:100%;max-width:500px}.SearchBar_searchIcon__Oe0JJ{position:absolute;left:1rem;width:20px;height:20px;color:#86868b;pointer-events:none}.SearchBar_input__8ANnX{width:100%;height:44px;padding:0 3rem;background:#f5f5f7;border:1px solid rgba(0,0,0,0);border-radius:9999px;font-size:1rem;color:#1d1d1f;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.SearchBar_input__8ANnX::-moz-placeholder{color:#86868b}.SearchBar_input__8ANnX::placeholder{color:#86868b}.SearchBar_input__8ANnX:focus{border-color:#0071e3;background:#fff}.SearchBar_clearButton__d96_W{position:absolute;right:1rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:rgba(0,0,0,0);border:none;border-radius:50%;color:#86868b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.SearchBar_clearButton__d96_W svg{width:16px;height:16px}.SearchBar_clearButton__d96_W:hover{background:rgba(0,0,0,.1);color:#1d1d1f}