@charset "UTF-8";
.search__input.field__input{padding-right:9.8rem}
.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}
.reset__button{right:calc(var(--inputs-border-width) + 4.4rem);top:var(--inputs-border-width);position:relative}
.reset__button::after{content:"";position:absolute;top:.8rem;bottom:.8rem;right:0;border-right:.1rem solid rgba(var(--color-foreground),.08)}
:is(.search__button,.reset__button):is(:focus,:focus-visible){background-color:rgb(var(--color-background));z-index:4;outline:.2rem solid rgba(var(--color-foreground),.55);outline-offset:.2rem}
.reset__button:is(:focus,:focus-visible)::after{content:none}
.search__button:not(:focus-visible):not(.focused),.reset__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}
:is(.search__button,.reset__button):hover .icon{transform:scale(1.07)}
.search__button .icon{height:1.8rem;width:1.8rem;contain:paint}
.reset__button .icon.icon-close{height:1.8rem;width:1.8rem;stroke-width:.1rem;contain:paint}
@media (prefers-reduced-motion:no-preference){:is(.search__button,.reset__button) .icon{transition:transform var(--duration-short) ease}}
@media (prefers-reduced-motion:reduce){:is(.search__button,.reset__button) .icon{transition:none}}
input::-webkit-search-decoration{-webkit-appearance:none}
.template-search__results{position:relative}
:where([dir="rtl"]) .search__input.field__input{padding-right:initial;padding-left:9.8rem}
:where([dir="rtl"]) .search__button{left:var(--inputs-border-width);right:auto}
:where([dir="rtl"]) .reset__button{left:calc(var(--inputs-border-width) + 4.4rem);right:auto}
@media (forced-colors:active){:is(.search__button,.reset__button):is(:focus,:focus-visible){outline:1px solid CanvasText;outline-offset:2px}.reset__button::after{content:none}}