.component-filter-search{align-self:stretch;display:flex;flex-direction:column}.component-filter-search .search-input-wrapper{display:flex;flex:2;position:relative}.component-filter-search .search-input-wrapper .filter-search{-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-color calc(var(--transition-speed)*.5) var(--transition-easing),color calc(var(--transition-speed)*.5) var(--transition-easing);width:100%;will-change:background-color}.component-filter-search .search-input-wrapper .filter-search:focus:not(:focus-visible){outline-color:transparent}.component-filter-search .search-input-wrapper .filter-search:-moz-placeholder{background-color:var(--filter-color-background);color:var(--filter-color-font-active)}.component-filter-search .search-input-wrapper .filter-search:placeholder-shown{background-color:var(--filter-color-background);color:var(--filter-color-font-active)}.component-filter-search .search-input-wrapper .filter-search:not(:-moz-placeholder){background-color:var(--filter-color-background-active);color:var(--filter-color-font-active)}.component-filter-search .search-input-wrapper .filter-search:not(:placeholder-shown){background-color:var(--filter-color-background-active);color:var(--filter-color-font-active)}.component-filter-search .search-input-wrapper .search-icon{background-color:var(--filter-color-font);bottom:0;display:block;height:1.21em;margin:auto 0;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 12'%3E%3Cpath fill='%23777' fill-rule='evenodd' d='M7.154.72A4.73 4.73 0 0 0 3.545.478l-.001.001A4.73 4.73 0 0 0 .444 6.4a4.73 4.73 0 0 0 5.989 2.967c.608-.19 1.166-.5 1.643-.903l3.251 3.009 1.02-1.101-3.293-3.048a4.73 4.73 0 0 0 .481-3.879A4.73 4.73 0 0 0 7.155.721ZM2.107 3.479a3.23 3.23 0 0 1 1.901-1.574 3.23 3.23 0 0 1 4.1 2.005A3.23 3.23 0 0 1 5.97 7.941a3.23 3.23 0 0 1-4.099-2.006 3.23 3.23 0 0 1 .236-2.457Z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 12'%3E%3Cpath fill='%23777' fill-rule='evenodd' d='M7.154.72A4.73 4.73 0 0 0 3.545.478l-.001.001A4.73 4.73 0 0 0 .444 6.4a4.73 4.73 0 0 0 5.989 2.967c.608-.19 1.166-.5 1.643-.903l3.251 3.009 1.02-1.101-3.293-3.048a4.73 4.73 0 0 0 .481-3.879A4.73 4.73 0 0 0 7.155.721ZM2.107 3.479a3.23 3.23 0 0 1 1.901-1.574 3.23 3.23 0 0 1 4.1 2.005A3.23 3.23 0 0 1 5.97 7.941a3.23 3.23 0 0 1-4.099-2.006 3.23 3.23 0 0 1 .236-2.457Z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;right:1.025rem;top:0;transition:background-color calc(var(--transition-speed)*.5) var(--transition-easing);width:1.21em;will-change:background-color}.component-filter-search .search-input-wrapper .search-icon.search-has-value{background-color:var(--filter-color-font-active)}