.search-form-wrapper{align-items:center;width:100%;display:flex;position:relative}.search-form-wrapper.is-small .search-form{height:var(--smallFormControlHeight);padding-inline:9px}.search-form-wrapper.is-small .search-clear-btn{top:5px;right:10px}.search-form{width:100%;height:var(--formControlHeight);border:1px solid var(--formControlBorderColor);border-radius:var(--formControlBorderRadius);transition:var(--transition);background-color:#fff;align-items:center;padding-inline:12px;display:flex}.search-form:hover{border-color:var(--formControlHoverBorderColor)}.search-form:focus-within{border-color:var(--primaryColor);box-shadow:0 0 0 2px #264eff33}.search-form:focus-within .search-label{color:#000}.search-label{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;font-size:16px;display:flex}.search-input{height:100%;font-size:var(--fontSizeBase);color:var(--textColor);background:0 0;border:none;outline:none;flex:1;padding:0}.search-input::placeholder{color:var(--textColorLighter)}.search-trailing{flex-shrink:0;align-items:center;margin-left:8px;display:flex}.search-clear-btn{color:#fff;cursor:pointer;background-color:#d3d3d3;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex;position:absolute;top:8px;right:12px}.search-clear-btn:hover{background-color:#b3b3b3}