.SearchBar_wrapper_L3Jvb{align-items:center;border:1px solid transparent;border-radius:4px;display:flex;margin:4px var(--margin-right) 4px var(--margin-left);position:relative;z-index:0}.SearchBar_wrapper_L3Jvb:focus-within{background-color:#fff;border-color:#3a80d1}.SearchBar_wrapper_L3Jvb label{order:-1}.SearchBar_wrapper_L3Jvb label:hover{background-color:#fff;border:1px solid #d6d6d6;color:#3d3d3d}.SearchBar_wrapper_L3Jvb .search-icon{margin-right:6px}.SearchBar_wrapper_L3Jvb .clear{color:#8a8a8a;cursor:pointer;display:none;margin-right:6px;position:absolute;right:0;z-index:10}.SearchBar_wrapper_L3Jvb .clear:hover{color:#b8b8b8}.SearchBar_wrapper_L3Jvb .search-button{border:1px solid transparent;border-radius:4px;align-items:center;display:flex;padding:6px 12px 6px 6px;color:#616161}.SearchBar_wrapper_L3Jvb .search-button:hover{cursor:pointer}.SearchBar_wrapper_L3Jvb .search-button:active{background-color:#fff;border:1px solid #3a80d1}.SearchBar_wrapper_L3Jvb .search{background-color:#fff;outline:none;border:none;padding:0;width:0;height:100%;z-index:10;transition-duration:.4s}.SearchBar_wrapper_L3Jvb .search[placeholder]{text-overflow:ellipsis}.SearchBar_wrapper_L3Jvb .search:focus,.SearchBar_wrapper_L3Jvb .search.simulate-focus{border-top-right-radius:4px;border-bottom-right-radius:4px;padding:0 24px 0 0;width:var(--input-focus-width)}.SearchBar_wrapper_L3Jvb .search:focus+label,.SearchBar_wrapper_L3Jvb .search.simulate-focus+label{background-color:#fff;border-top-right-radius:0;border-bottom-right-radius:0;padding-right:0}.SearchBar_wrapper_L3Jvb .search:focus+label span,.SearchBar_wrapper_L3Jvb .search.simulate-focus+label span{display:none}.SearchBar_wrapper_L3Jvb .search:focus~.clear,.SearchBar_wrapper_L3Jvb .search.simulate-focus~.clear{align-items:center;display:inline-flex}