.search-form{--search-color:var(--focus-color);--column-gap:0rem;flex-grow:1;flex-basis:240px;align-content:end;align-items:end;display:grid}.search-form:has(.button[type=submit]){grid-template-columns:1fr auto}.search-form .form-field-wrapper{width:100%;position:relative}.search-form input[type=search] ::-webkit-search-cancel-button{appearance:none}.search-form:not(.hide-submit-button) .input{border-start-end-radius:0;border-end-end-radius:0}.search-form:not(.hide-submit-button) input[type=search]{border-inline-end:0}.search-form .search-input-wrapper{display:flex;position:relative}.search-form .button[type=submit]{color:var(--color-white);background-color:var(--search-color);border-color:var(--search-color);outline-offset:-1px;border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0;min-width:2rem;transition-duration:0s;bottom:0;right:0}.search-form .button[type=submit] .iconify{transition-duration:0s}.search-form .button[type=submit]:focus{color:var(--color-white);background-color:var(--search-color);outline-offset:1px}.search-form .button[type=reset]{z-index:1;outline-offset:-1px;position:absolute;bottom:.25rem;right:.25rem}.search-form:has(input[type=search]:focus) .button[type=submit]{color:var(--color-white);border-color:var(--search-color);background-color:var(--search-color);outline:2px solid var(--focus-color)}.search-form .input-size--sm+.button[type=reset]{bottom:.25rem;right:.25rem}.search-form .input-size--sm input[type=search]{padding-inline-end:1.75rem}.search-form .input-size--md+.button[type=reset]{bottom:.5rem;right:.5rem}.search-form .input-size--md input[type=search]{padding-inline-end:2rem}.search-form .input-size--lg+.button[type=reset]{bottom:.375rem;right:.375rem}.search-form .input-size--lg input[type=search]{padding-inline-end:2.5rem}