.search-form{--gap: 24px;--search-icon-size: 16px;--submit-icon-margin: calc(var(--gap) * -1 - 10px);--padding-left: 16px;position:relative;display:flex;width:100%;max-width:var(--content-width);align-items:center;color:var(--black);gap:var(--gap)}.search-form.search-form--icon-left{--padding-left: 42px}.search-form.search-form--icon-left .search-form__content{display:flex;justify-content:flex-end}.search-form.search-form--icon-left .search-form__submit{order:-1;margin-right:var(--submit-icon-margin)}.search-form.search-form--icon-left .search-form__submit:focus-visible svg-icon{box-shadow:0 2px 0 var(--white),0 4px 0 var(--black)}.search-form.search-form--small{max-width:260px}.search-form.search-form--small .input{padding-block:11px}.search-form .search-form__content{position:relative;display:flex;width:100%}.search-form .search-form__label{position:absolute;top:0;bottom:0;left:var(--padding-left);display:flex;align-items:center}.search-form .search-form__input{width:100%;box-sizing:border-box;padding-left:var(--padding-left);-webkit-appearance:none;appearance:none}.search-form .search-form__input:focus-visible,.search-form .search-form__input:valid{z-index:1}.search-form .search-form__submit{all:unset;z-index:2;margin-top:2px;margin-left:var(--submit-icon-margin)}.search-form .search-form__submit.htmx-request svg-icon{opacity:0}.search-form .search-form__submit.htmx-request:before{position:absolute;display:inline-block;width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-radius:50%;border-top-color:var(--primary);margin-top:-1px;animation:loading-spinner .5s linear infinite;content:"";opacity:.8}.search-form .search-form__submit svg-icon{width:var(--search-icon-size);height:var(--search-icon-size)}.search-form .search-form__close{all:unset;display:none;align-items:center;color:var(--element-color);gap:4px;white-space:nowrap}.search-form .search-form__close:focus-visible{outline:2px solid currentcolor;outline-offset:4px}@media screen and (min-width: 64rem){.search-form .search-form__close{display:flex}}.search-form .search-form__close svg-icon{width:12px;height:12px;fill:currentcolor}.search-form .search-form__suggestions{position:absolute;z-index:2;top:55px;right:0;left:0;padding:8px 0;border-radius:8px;margin:0;animation:show-dropdown .2s ease-in-out;background-color:var(--white);box-shadow:0 4px 8px #0000001a}.search-form .search-form__suggestions:empty{display:none}.search-form .search-form__suggestions li{display:contents}.search-form .search-form__suggestions button{all:unset;display:block;width:100%;box-sizing:border-box;padding:8px 16px;color:var(--black);cursor:pointer;text-decoration:none}.search-form .search-form__suggestions button:hover{background-color:var(--light-background)}.search-form .search-form__suggestions button:focus-visible{background-color:var(--thon-light);color:var(--white)}.search-form .search-form__suggestions mark{all:unset;font-weight:600}