.search .field,.search .field:before,.search .field:after,.search .field:hover:after,.search .field:focus:after{border-radius:100px;box-shadow:none}.field__input:focus{box-shadow:none;padding:1.5rem}.search__input.field__input{border-radius:100px;background-color:#fff;color:var(--color-brand-blue);margin:0;border:none;outline:none;padding:1rem 9.8rem 1rem 3.8rem}.search__input.field__input::placeholder{display:inline;color:var(--color-brand-dark-blue);opacity:1;font-size:1.4rem}.search .field label{color:var(--color-brand-blue);display:flex;align-items:center;gap:1rem;translate:.25rem 0;left:.8rem;top:1.2rem}.search .field label svg{stroke:var(--color-brand-dark-blue)}.search__button{right:0;top:0;bottom:0;height:100%;width:auto;border-top-right-radius:100px;border-bottom-right-radius:100px;border-left:2px solid var(--color-brand-blue);font-size:1.5rem;line-height:1.8rem;border-top:none}.search__button span{color:var(--color-brand-blue);padding-inline:1.2rem;font-weight:900;font-family:var(--font-body-family);background-color:var(--color-brand-beige);height:100%;display:flex;align-items:center}.reset__button{right:calc(var(--inputs-border-width) + 4.4rem);top:var(--inputs-border-width)}.reset__button:not(:focus-visible):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.6rem);content:"";position:absolute;right:0}.reset__button:not(:focus):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.8rem);content:"";position:absolute;right:0}.search__button:focus-visible,.reset__button:focus-visible{background-color:rgb(var(--color-background));z-index:4}.search__button:focus,.reset__button:focus{background-color:rgb(var(--color-background));z-index:4}.search__button:not(:focus-visible):not(.focused),.reset__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}.search__button:hover .icon,.reset__button:hover .icon{transform:scale(1.07)}.search__button .icon{height:1.8rem;width:1.8rem}.reset__button .icon.icon-close{height:1.8rem;width:1.8rem;stroke-width:.1rem}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__results{position:relative}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-search.css.map */