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