.search-filter-bar{position:relative;width:100%;background:#fff;border-radius:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-shadow:0 0 8px rgba(0,0,0,.1);box-shadow:0 0 8px rgba(0,0,0,.1);padding:6px 16px}.search-filter-bar :active-within,.search-filter-bar:focus-within{-webkit-box-shadow:0 0 4px rgba(0,0,0,.5);box-shadow:0 0 4px rgba(0,0,0,.5);color:var(--charcoal)}.search-filter-bar button{outline:none;border:none;background:transparent}.search-filter-bar .filter-options-wrapper{position:relative}.search-filter-bar .filter-options-wrapper,.search-filter-bar .filter-options-wrapper .toggle-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.search-filter-bar .filter-options-wrapper .toggle-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-filter-bar .filter-options-wrapper .filter-icon{font-size:12px;color:var(--charcoal-50)}.search-filter-bar .filter-options-wrapper .selected-filter-btn{text-align:center;padding-left:12px}.search-filter-bar .filter-options-wrapper .selected-filter-btn .chevron{font-size:12px;margin-left:8px}.search-filter-bar .filter-options-wrapper .divider{margin-left:12px;width:1px;height:100%;background-color:var(--charcoal-10)}.search-filter-bar .search-input-wrapper{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-filter-bar .search-input-wrapper .search-icon{color:var(--charcoal-50);margin-left:12px;font-size:12px}.search-filter-bar .search-input-wrapper input{-webkit-transition:.3s;transition:.3s;border-radius:20px;width:100%;color:var(--charcoal-75);border:none}.search-filter-bar .search-input-wrapper input::-webkit-input-placeholder{color:var(--charcoal-50)}.search-filter-bar .search-input-wrapper input::-moz-placeholder{color:var(--charcoal-50)}.search-filter-bar .search-input-wrapper input:-ms-input-placeholder{color:var(--charcoal-50)}.search-filter-bar .search-input-wrapper input::-ms-input-placeholder{color:var(--charcoal-50)}.search-filter-bar .search-input-wrapper input::placeholder{color:var(--charcoal-50)}.search-filter-bar .search-input-wrapper input :active,.search-filter-bar .search-input-wrapper input:focus{outline:none;border:none}