.search-block__form{--button-bg: var(--blue-100);--border-color: var(--grey-500);--outline-color: var(--blue-100);align-items:center;display:grid;grid-template-columns:var(--size-10) 1fr var(--size-12);margin-inline:var(--size-5);min-block-size:var(--size-12);position:relative}@media(min-width:1024px){.search-block__form{inline-size:100%;margin-inline:auto;max-inline-size:var(--size-laptop)}.site-search--modal .search-block__form{max-inline-size:100%}}.search-block__form .search-block__icon{inline-size:var(--size-9);inset-block-start:var(--size-1);inset-inline-start:var(--size-1);padding:var(--size-2);position:absolute;z-index:var(--layer-1)}.search-block__form .search-block__icon svg{color:var(--grey-700)}.search-block__form input[type=search]{background-color:var(--white);border:2px solid var(--border-color);border-radius:0;inset:0;outline-offset:2px;padding-inline:var(--size-12) var(--size-15);position:absolute}.search-block__form input[type=search]:focus-visible{--border-color: var(--outline-color);border-radius:0;outline-color:var(--outline-color)}.search-block__form .button--square{--background: var(--blue-100);--outline-color: var(--blue-100);block-size:calc(var(--size-10) + 4px);inline-size:var(--size-12);inset-block-start:2px;inset-inline-end:2px;position:absolute;z-index:var(--layer-1)}.search-block__form .button--square svg path{fill:var(--blue-500)}.search-block__form .button--square:visited,.search-block__form .button--square:hover,.search-block__form .button--square:active{--background: var(--blue-300)}.search-block__form .button--square:visited svg path,.search-block__form .button--square:hover svg path,.search-block__form .button--square:active svg path{fill:var(--white)}.search-block__form .button--square:focus-visible{outline-color:var(--outline-color)!important}.search-block__form.search-block__form--default input[type=search]:focus-visible{--outline-color: var(--blue-300)}.search-block__form.search-block__form--default .button--square:focus-visible{--outline-color: var(--blue-300)}:where([data-search=modal]:has(.site-search--modal)){--button-bg: var(--blue-100);--border-color: var(--grey-500);--outline-color: var(--blue-300)}:where([data-search=modal]:has(.site-search--modal)) input[type=search]{border-color:var(--border-color)}:where([data-search=modal]:has(.site-search--modal)) input[type=search]:focus-visible{--border-color: var(--blue-500);--outline-color: var(--blue-500)}:where([data-search=modal]:has(.site-search--modal)) .button.search-block-form__button{--background: var(--blue-500)}:where([data-search=modal]:has(.site-search--modal)) .button.search-block-form__button svg path{fill:var(--white)}:where([data-search=modal]:has(.site-search--modal)) .button.search-block-form__button:visited,:where([data-search=modal]:has(.site-search--modal)) .button.search-block-form__button:hover,:where([data-search=modal]:has(.site-search--modal)) .button.search-block-form__button:active{--background: var(--blue-700)}:where([data-search=modal]:has(.site-search--modal)) .button.search-block-form__button:visited svg path,:where([data-search=modal]:has(.site-search--modal)) .button.search-block-form__button:hover svg path,:where([data-search=modal]:has(.site-search--modal)) .button.search-block-form__button:active svg path{fill:var(--white)}:where([data-search=modal]:has(.site-search--modal)) .button.search-block-form__button:focus-visible{outline-color:var(--background)!important}.search-block__heading>*+*{margin-block-start:var(--size-6)}