:where(.section-header) .search__input.field__input{padding-right:98px}
:where(.section-header) .search__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}
:where(.section-header) .reset__button{right:calc(var(--inputs-border-width) + 44px);top:var(--inputs-border-width)}
:where(.section-header) .reset__button:not(:focus-visible):after{border-right:1px solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 16px);content:"";position:absolute;right:0}
:where(.section-header) .reset__button:not(:focus):after{border-right:1px solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 18px);content:"";position:absolute;right:0}
:where(.section-header) .search__button:focus-visible,:where(.section-header) .reset__button:focus-visible{background-color:rgb(var(--color-background));z-index:4}
:where(.section-header) .search__button:focus,:where(.section-header) .reset__button:focus{background-color:rgb(var(--color-background));z-index:4}
:where(.section-header) .search__button:not(:focus-visible):not(.focused),:where(.section-header) .reset__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}
:where(.section-header) .search__button:hover .icon,:where(.section-header) .reset__button:hover .icon{transform:scale(1.07)}
:where(.section-header) .search__button .icon{height:18px;width:18px}
:where(.section-header) .reset__button .icon.icon-close{height:18px;width:18px;stroke-width:1px}
:where(.section-header) input::-webkit-search-decoration{-webkit-appearance:none}