.search-input{align-items:center;gap:var(--spacing-3xs);width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-primary-light);border:1px solid var(--colour-neutral-400);border-radius:var(--radius-xs);display:flex}.search-input:focus-within{border-color:var(--border-brand-secondary-light)}.search-input__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.search-input__field{min-width:0;font:inherit;font-size:var(--font-size-100);letter-spacing:0;line-height:150%;font-family:var(--font-primary),sans-serif;font-style:normal;font-weight:var(--font-weight-normal);color:var(--text-primary-light);background:0 0;border:0;outline:0;flex:auto;padding:0}.search-input__field::placeholder{color:var(--text-primary-light);opacity:.5}.search-input__field::-webkit-search-decoration{appearance:none}.search-input__field::-webkit-search-cancel-button{appearance:none}.search-input__clear,.search-input__submit{cursor:pointer;color:var(--text-brand-light);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.search-input__clear .icon,.search-input__submit .icon{width:1.5rem;height:1.5rem}.search-input__clear:hover,.search-input__clear:focus-visible,.search-input__submit:hover,.search-input__submit:focus-visible{color:var(--colour-brand-blue-700)}.search-input__clear{color:#a9a9a9}.search-input__clear:hover,.search-input__clear:focus-visible{color:var(--text-primary-light)}